快捷導(dǎo)航

javascript表單驗(yàn)證和Window詳解

更新時間：2014年12月11日 09:47:54 投稿：hebedich

這篇文章主要詳細(xì)介紹了javascript表單驗(yàn)證和Window，并附上了示例代碼，非常使用，對于我們更好的了解表單驗(yàn)證和Window很有幫助，這里推薦給大家

一、表單驗(yàn)證form

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

<form id="id是唯一的，不可重復(fù)" name=“可重復(fù)”，method="post/get",action="目標(biāo)或地址，負(fù)責(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ù)進(jìn)行相關(guān)的處理。

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

1、window對象

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

2、JsPopupAlert消息框

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("是否提交");<!--在點(diǎn)擊提交按鈕，出現(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正則表達(dá)式的方法-->

{

alert("zhengque");

}

else

{

alert("cuowu");

}

}

</script>