DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript表單驗證和Window詳解
javascript表單驗證和Window詳解
編輯:關於JavaScript     

一、表單驗證form

1、創建一個新的表單:

復制代碼 代碼如下:
<form id="id是唯一的,不可重復" name=“可重復”,method="post/get",action="目標或地址,負責處理的服務端,將文本等傳輸到什麼地方">
//方法1:post提交後無長度限制,且編碼後內容不可見。
//方法2:get提交有長度限制,並且編碼後的內容在地址欄可見
(input 元素)
</form>

2、表單的作用:能夠把網址、數據一塊傳輸到數據庫。

3、動作屬性:action和確認按鈕

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

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

1、window對象

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

2、JsPopupAlert消息框

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

<!--Js消息框-->

1)確認框confirm的使用
復制代碼 代碼如下:
<!--1.確認框confirm的用法-->
<script>
function tijiao()
{
var zhi=confirm("是否提交");
if (zhi)
{
return true;
}
else
{
return false;
}
}
</script>
<!--表單在調用函數時,加return,否則不起作用

2)提示框prompt的使用

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

3)警告框alert的使用

復制代碼 代碼如下:
<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; <!--定義變量,調用的是整個function,,必須把變量寫在function內-->
if(yx.test(shuru))<!--test正則表達式的方法-->
{
alert("zhengque");
}
else
{
alert("cuowu");
}
}
</script>

3、timing計時的方法

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

clearTimeout();取消setTimeout();

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved