javascript表單驗(yàn)證和Window詳解
一、表單驗(yàn)證form
1、創(chuàng)建一個(gè)新的表單:
<form id="id是唯一的,不可重復(fù)" name=“可重復(fù)”,method="post/get",action="目標(biāo)或地址,負(fù)責(zé)處理的服務(wù)端,將文本等傳輸?shù)绞裁吹胤?>
//方法1:post提交后無(wú)長(zhǎng)度限制,且編碼后內(nèi)容不可見。
//方法2:get提交有長(zhǎng)度限制,并且編碼后的內(nèi)容在地址欄可見
(input 元素)
</form>
2、表單的作用:能夠把網(wǎng)址、數(shù)據(jù)一塊傳輸?shù)綌?shù)據(jù)庫(kù)。
3、動(dòng)作屬性:action和確認(rèn)按鈕
當(dāng)用戶單擊確認(rèn)按鈕時(shí),表單的內(nèi)容會(huì)被傳送到另一個(gè)文件。表單的動(dòng)作屬性定義了目的文件的文件名。由動(dòng)作屬性定義的這個(gè)文件通常會(huì)對(duì)接收到的輸入數(shù)據(jù)進(jìn)行相關(guān)的處理。
二、JavaScripeWindow--瀏覽器對(duì)象模型
1、window對(duì)象
所有瀏覽器都支持Window對(duì)象,它表示瀏覽器窗口。全局變量是window對(duì)象的屬性,全局函數(shù)是window對(duì)象的方法。
2、JsPopupAlert消息框
<input name="" type="submit" onclick="return tijiao()" value="提交"/><!--調(diào)用方法時(shí)加return-->
<!--Js消息框-->
1)確認(rèn)框confirm的使用
<!--1.確認(rèn)框confirm的用法-->
<script>
function tijiao()
{
var zhi=confirm("是否提交");
if (zhi)
{
return true;
}
else
{
return false;
}
}
</script>
<!--表單在調(diào)用函數(shù)時(shí),加return,否則不起作用
2)提示框prompt的使用
<input name="" type="submit" onclick="return tijiao()" value="提交"/><!--調(diào)用方法時(shí)加return-->
!--2.提示框prompt的用法-->
<script>
function tijiao()
{
var zhi=prompt("是否提交");<!--在點(diǎn)擊提交按鈕,出現(xiàn)prompt腳本提示框-->
if (zhi)
{
return true;
}
else
{
return false;
}
}
</script>
3)警告框alert的使用
<form action="" method="get">
<label>請(qǐng)輸入您的郵箱:</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)用的是整個(gè)function,,必須把變量寫在function內(nèi)-->
if(yx.test(shuru))<!--test正則表達(dá)式的方法-->
{
alert("zhengque");
}
else
{
alert("cuowu");
}
}
</script>
3、timing計(jì)時(shí)的方法
setTimeout();未來的某時(shí)執(zhí)行代碼--利用遞歸的方法
clearTimeout();取消setTimeout();
- ASP動(dòng)態(tài)生成的javascript表單驗(yàn)證代碼
- 經(jīng)常用到的javascript驗(yàn)證函數(shù)收集
- 一句話JavaScript表單驗(yàn)證代碼
- javascript表單驗(yàn)證 - Parsley.js使用和配置
- javascript驗(yàn)證只能輸入數(shù)字和一個(gè)小數(shù)點(diǎn)示例
- javascript驗(yàn)證上傳文件的類型限制必須為某些格式
- javascript驗(yàn)證身份證完全方法具體實(shí)現(xiàn)
- javascript表單驗(yàn)證使用示例(javascript驗(yàn)證郵箱)
- JavaScript驗(yàn)證圖片類型(擴(kuò)展名)的函數(shù)分享
- Javascript驗(yàn)證上傳圖片大小[前臺(tái)處理]
- JavaScript驗(yàn)證18位身份證號(hào)碼最后一位正確性的實(shí)現(xiàn)代碼
- JavaScript驗(yàn)證電子郵箱的函數(shù)
- Javascript表單驗(yàn)證要注意的事項(xiàng)
- Javascript驗(yàn)證用戶輸入U(xiǎn)RL地址是否為空及格式是否正確
- javascript表單驗(yàn)證大全
- Javascript驗(yàn)證方法大全
相關(guān)文章
web開發(fā)js字符串拼接占位符及conlose對(duì)象Api詳解
本篇文章主要為大家介紹了web開發(fā)中字符串的拼接,占位符的使用以及conlose對(duì)象Api的使用,有需要的朋友可以借鑒參考下,希望可以有所幫助2021-09-09詳解JS如何解決大數(shù)據(jù)下滾動(dòng)頁(yè)面卡頓問題
之前遇到不分頁(yè)直接獲取到全部數(shù)據(jù),前端滾動(dòng)查看數(shù)據(jù),頁(yè)面就挺卡頓的,所以這篇文章來和大家聊聊如何解決這一問題,感興趣的小伙伴可以了解下2023-07-07使用SyntaxHighlighter實(shí)現(xiàn)HTML高亮顯示代碼的方法
syntaxhighlighter是一個(gè)小開源項(xiàng)目,它可以在網(wǎng)頁(yè)中對(duì)各種程序源代碼語(yǔ)法進(jìn)行加亮顯示。2010-02-02js利用iframe實(shí)現(xiàn)選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了js利用iframe實(shí)現(xiàn)選項(xiàng)卡效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08