欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript表單驗證和Window詳解

 更新時間:2014年12月11日 09:47:54   投稿:hebedich  
這篇文章主要詳細介紹了javascript表單驗證和Window,并附上了示例代碼,非常使用,對于我們更好的了解表單驗證和Window很有幫助,這里推薦給大家

一、表單驗證form

1、創(chuàng)建一個新的表單:

復(fù)制代碼 代碼如下:

<form id="id是唯一的,不可重復(fù)" name=“可重復(fù)”,method="post/get",action="目標(biāo)或地址,負責(zé)處理的服務(wù)端,將文本等傳輸?shù)绞裁吹胤?>
//方法1:post提交后無長度限制,且編碼后內(nèi)容不可見。
//方法2:get提交有長度限制,并且編碼后的內(nèi)容在地址欄可見
(input 元素)
</form>

2、表單的作用:能夠把網(wǎng)址、數(shù)據(jù)一塊傳輸?shù)綌?shù)據(jù)庫。

3、動作屬性:action和確認(rèn)按鈕

當(dāng)用戶單擊確認(rèn)按鈕時,表單的內(nèi)容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數(shù)據(jù)進行相關(guān)的處理。

二、JavaScripeWindow--瀏覽器對象模型

1、window對象

所有瀏覽器都支持Window對象,它表示瀏覽器窗口。全局變量是window對象的屬性,全局函數(shù)是window對象的方法。

2、JsPopupAlert消息框

<input name="" type="submit"  onclick="return tijiao()" value="提交"/><!--調(diào)用方法時加return-->

<!--Js消息框-->

1)確認(rèn)框confirm的使用

復(fù)制代碼 代碼如下:

<!--1.確認(rèn)框confirm的用法-->
<script>
function tijiao()
{
var zhi=confirm("是否提交");
if (zhi)
{
return true;
}
else
{
return false;
}
}
</script>
<!--表單在調(diào)用函數(shù)時,加return,否則不起作用

2)提示框prompt的使用

復(fù)制代碼 代碼如下:

<input name="" type="submit"  onclick="return tijiao()" value="提交"/><!--調(diào)用方法時加return-->
!--2.提示框prompt的用法-->
<script>
function tijiao()
{
var zhi=prompt("是否提交");<!--在點擊提交按鈕,出現(xiàn)prompt腳本提示框-->
if (zhi)
{
return true;
}
else
{
return false;
}
}
</script>

3)警告框alert的使用

復(fù)制代碼 代碼如下:

<form action="" method="get">
<label>請輸入您的郵箱:</label>
<input name="" type="text" id="youxiang"/>
<input name="" type="submit" value="提交2" onclick="y()" />
</form>
function y()
{
var yx=new RegExp(/^[0-9|A-z|_]{1,17}@[A-z|0-9]{1,5}.(com|cn|net|org|cc)$/);
var shuru=document.getElementById("youxiang").value; <!--定義變量,調(diào)用的是整個function,,必須把變量寫在function內(nèi)-->
if(yx.test(shuru))<!--test正則表達式的方法-->
{
alert("zhengque");
}
else
{
alert("cuowu");
}
}
</script>

3、timing計時的方法

setTimeout();未來的某時執(zhí)行代碼--利用遞歸的方法

clearTimeout();取消setTimeout();

相關(guān)文章

  • 從Immutable.js到Redux函數(shù)式編程

    從Immutable.js到Redux函數(shù)式編程

    這篇文章主要為大家介紹了從Immutable.js到Redux函數(shù)式編程示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-04-04
  • web開發(fā)js字符串拼接占位符及conlose對象Api詳解

    web開發(fā)js字符串拼接占位符及conlose對象Api詳解

    本篇文章主要為大家介紹了web開發(fā)中字符串的拼接,占位符的使用以及conlose對象Api的使用,有需要的朋友可以借鑒參考下,希望可以有所幫助
    2021-09-09
  • 詳解JS如何解決大數(shù)據(jù)下滾動頁面卡頓問題

    詳解JS如何解決大數(shù)據(jù)下滾動頁面卡頓問題

    之前遇到不分頁直接獲取到全部數(shù)據(jù),前端滾動查看數(shù)據(jù),頁面就挺卡頓的,所以這篇文章來和大家聊聊如何解決這一問題,感興趣的小伙伴可以了解下
    2023-07-07
  • 使用SyntaxHighlighter實現(xiàn)HTML高亮顯示代碼的方法

    使用SyntaxHighlighter實現(xiàn)HTML高亮顯示代碼的方法

    syntaxhighlighter是一個小開源項目,它可以在網(wǎng)頁中對各種程序源代碼語法進行加亮顯示。
    2010-02-02
  • 理解javascript閉包

    理解javascript閉包

    這篇文章主要幫助大家理解javascript閉包概念優(yōu)缺點及應(yīng)用,幫助大家全面的學(xué)習(xí)javascript閉包,需要的朋友可以參考下
    2015-12-12
  • 微信小程序?qū)崿F(xiàn)日期時間篩選器

    微信小程序?qū)崿F(xiàn)日期時間篩選器

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)日期時間篩選器,支持年月日時分,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • Div+CSS+JS樹型菜單,可刷新

    Div+CSS+JS樹型菜單,可刷新

    Div+CSS+JS樹型菜單,可刷新...
    2006-07-07
  • Next.js入門使用教程

    Next.js入門使用教程

    Next.js 是一個輕量級的 React 服務(wù)端渲染應(yīng)用框架。文中通過示例代碼介紹的非常詳細,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-07-07
  • JS如何為promise增加abort功能

    JS如何為promise增加abort功能

    這篇文章主要介紹了JS為promise增加abort功能,想了解JS異步的同學(xué),可以參考下
    2021-04-04
  • js利用iframe實現(xiàn)選項卡效果

    js利用iframe實現(xiàn)選項卡效果

    這篇文章主要為大家詳細介紹了js利用iframe實現(xiàn)選項卡效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-08-08

最新評論