javascript表單驗證和Window詳解,javascriptwindow

來源:互聯網
上載者:User

javascript表單驗證和Window詳解,javascriptwindow

一、表單驗證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))<!--testRegex的方法-->
{
alert("zhengque");
}
else
{
alert("cuowu");
}
}
</script>

3、timing計時的方法

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

clearTimeout();取消setTimeout();

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.