如何用JQuery進(jìn)行表單驗(yàn)證
Ajax 即“AsynchronousJavascriptAndXML”(異步 JavaScript 和 XML)，是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。下面是學(xué)習(xí)啦小編為你整理的AJAX面試題，希望對(duì)你有所幫助!
可以使用jQuery的插件–jQuery-validate表單驗(yàn)證插件來(lái)進(jìn)行表單驗(yàn)證
例子：
$(“#form”).validate({
//驗(yàn)證規(guī)則
rules:{
author:{
required:true,//必需非空字段
minlength:2 //長(zhǎng)度至少兩字節(jié)
},
email:{
required:true,
email:true //此字段為郵件地址
},
url:{
required:false,
url:true //此字段為網(wǎng)址
},
content:{
required:true,
minlength:4
}
},
//錯(cuò)誤消息
messages:{
author: {
required: ‘用戶名必須填寫(xiě)’,
minlength: jQuery.format(“名稱(chēng)至少{0}兩個(gè)字節(jié)”)
},
email: {
required: ‘郵箱必須填寫(xiě),做為聯(lián)系方式’,
email: ‘郵箱格式不正確’
},
content: {
required: ‘網(wǎng)址必須填寫(xiě)’,
minlength: jQuery.format(“名稱(chēng)至少{0}兩個(gè)字節(jié)”)
}
},
submitHandler: function(form) {
//ajax提交表單,需要jQuery.Form插件
$(form).ajaxSubmit({
dataType:’json’,
success:function(res){
if(res.success){
$(‘.ajaxsubmit’).html(‘發(fā)表成功!’).addClass(‘ok’);
$(‘textarea’).val(”);
$(‘#comments’).prepend(res.msg);
}else
$(‘.ajaxsubmit’).html(res.msg).addClass(‘fail’);
}
});
return false;
},
errorPlacement:function(error, element) {
//放置錯(cuò)誤提示消息的Element
error.appendTo(element.parent().find(‘b’));
},
errorClass:’fail’,//錯(cuò)誤消息樣式
highlight: function(element, errorClass) {
//黃褪顯示錯(cuò)誤字段,需要jQuery.Highlight插件
$(element).highlightFade({color:’yellow’,speed:1000,iterator:’exponential’})
}
});
面試題相關(guān)文章：