如何用JQuery進行表單驗證
Ajax 即“AsynchronousJavascriptAndXML”(異步 JavaScript 和 XML)，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。下面是學習啦小編為你整理的AJAX面試題，希望對你有所幫助!
可以使用jQuery的插件–jQuery-validate表單驗證插件來進行表單驗證
例子：
$(“#form”).validate({
//驗證規(guī)則
rules:{
author:{
required:true,//必需非空字段
minlength:2 //長度至少兩字節(jié)
},
email:{
required:true,
email:true //此字段為郵件地址
},
url:{
required:false,
url:true //此字段為網(wǎng)址
},
content:{
required:true,
minlength:4
}
},
//錯誤消息
messages:{
author: {
required: ‘用戶名必須填寫’,
minlength: jQuery.format(“名稱至少{0}兩個字節(jié)”)
},
email: {
required: ‘郵箱必須填寫,做為聯(lián)系方式’,
email: ‘郵箱格式不正確’
},
content: {
required: ‘網(wǎng)址必須填寫’,
minlength: jQuery.format(“名稱至少{0}兩個字節(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) {
//放置錯誤提示消息的Element
error.appendTo(element.parent().find(‘b’));
},
errorClass:’fail’,//錯誤消息樣式
highlight: function(element, errorClass) {
//黃褪顯示錯誤字段,需要jQuery.Highlight插件
$(element).highlightFade({color:’yellow’,speed:1000,iterator:’exponential’})
}
});
面試題相關(guān)文章：