海堂法律网
您的当前位置:首页简单实用的反馈表单无刷新提交带验证_javascript技巧

简单实用的反馈表单无刷新提交带验证_javascript技巧

来源:海堂法律网


js文件可以查看源码

XML/HTML Code
代码如下:





JavaScript Code
代码如下:

$('document').ready(function(){

$('#form').validate({
rules:{
"name":{
required:true,
maxlength:40
},

"email":{
required:true,
email:true,
maxlength:100
},

"message":{
required:true
}},

messages:{
"name":{
required:"This field is required"
},

"email":{
required:"This field is required",
email:"Please enter a valid email address"
},

"message":{
required:"This field is required"
}},

submitHandler: function(form){
$(form).ajaxSubmit({
target: '#preview',
success: function() {
$('#formbox').slideUp('fast');
}
});

}

})

});

显示全文