九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
js表單驗(yàn)證

首先引入文件

<script src="jquery.js" type="text/javascript"></script>

<script src="jquery.validate.js" type="text/javascript"></script>

<script src="jquery.metadata.js" type="text/javascript"></script>

文本框

class="{validate:{required:true,email:true,messages:{required:'請輸入郵件地址',email:'郵件格式不正確'}}}"

<script type="text/javascript">

$(document).ready(function(){$("#表單id").validate({meta:"validate"});});

</script>

錯(cuò)誤信息是一個(gè)帶class="error"的label標(biāo)簽

文本框

class="{required:true,email:true,messages:{required:'請輸入郵件地址',email:'郵件格式不正確'}}"

<script type="text/javascript">

$(document).ready(function(){$("#表單id").validate();});

</script>

文本框

class="{required:true,email:true,messages:{email:'郵件格式不正確'}}"

<script type="text/javascript">

$(document).ready(function(){$("#表單id").validate({messages:{email:{required:'請輸入郵件地址'}}});});

</script>

 

class="{required:true,minlength:3}"

class="required email"

class="url"

maxlength="12"

minlength="2"

min="1"

max="25"

class="{validate:{required:true,email:true}}"

class="{validate:{required:true,email:true,minlength:3,maxlength:15,equal:11,accept:true,accept:'docx?|txt|pdf',messages:{required:'',email:''},number:true,rangelength:[2,8]}}"

在指定位置顯示單條錯(cuò)誤

<div class="error"></div>

<script type="text/javascript">

$().ready(function(){$("#表單id").validate({errorLabelContainer:$("#表單id div.error")});});

</script>

顯示全部錯(cuò)誤

<div class="container">

<ol>

<li><label for="email" class="error">文字</label></li>

</ol>

</div>

首先將這個(gè)div隱藏

<script type="text/javascript">

$().ready(function(){

var container=$('div.container');

var validator=$("#表單id").validate({

errorContainer:container,

errorLabelContainer:$("ol",container),

wrapper:'li',

meta:"validate"

});

});

</script>

重置表單

$(".cancel").click(function(){validator.resetForm();});

 

equalTo:"#id"

validate="required:true"

validate="required:true,minlength:2,rangelength:[2,3]"

單選

<input type="radio" id="" value="m" name="gender" validate="required:true"/>

<input type="radio" id="" value="f" name="gender"/>

<label for="gender" class="error">文字</label>

id可以不同

多選[至少選兩個(gè)]

<input type="checkbox" class="checkbox" id="" value="" name="spam[]" validate="required:true,minlength:2"/>

<input type="checkbox" class="checkbox" id="" value="" name="spam[]"/>

下拉

validate="required:true,minlength:2,maxlength:2,rangelength:[2,3]" multiple="multiple"

至少選兩個(gè)

<script type="text/javascript">

$.metadata.setType("attr","validate");

$(document).ready(function(){

$("#表單id").validate();

});

</script>

 

<script type="text/javascript">

$().ready(function(){

$("#id").validate({

rules:{

id:"required",

id:{

required:true,

minlength:2,

equalTo:"#id"

}

},

messages:{

id:"文字",

id:{

required:"文字",

minlength:"文字",

equalTo:"文字"

}

}

});

});

</script>

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
jQuery Validate 使用
jquery?validate?使用示范
jquery validate 使用示范
jQuery Validate驗(yàn)證框架詳解
[jQuery]使用jQuery.Validate進(jìn)行客戶端驗(yàn)證(中級篇-上)——不使用微軟驗(yàn)證控件的理由
jQuery插件validate(表單驗(yàn)證)
更多類似文章 >>
生活服務(wù)
熱點(diǎn)新聞
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服