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

js文件可以查看源码

XML/HTML代码

复制代码代码如下：

• 
  名称标签>
  <输入类型=“文本”名称=“名称”类=“”最大长度=“40”/> />
  


• 
  电子邮件标签>
  <输入类型=“文本”名称=“电子邮件”类=“”最大长度=“100”/> />
  


• 
  消息标签>;
  
  


• 
  <标签>
  
  

JavaScript 代码

复制代码 代码如下：

< ;脚本类型=“text/javascript”>
$('document').ready(function(){

$('#form').validate({
规则:{
"名称":{
必需：true，
最大长度：40
}，

“电子邮件”：{
必需：true，
电子邮件：true，
最大长度：100
} ,

"消息":{
必填:true
}},

消息:{
"名称":{
必填:"此字段是必填"
},

"电子邮件":{
必填:"此字段为必填",
电子邮件:"请输入有效的电子邮件地址"
},

"message":{
必填:"此字段为必填项"
}},

submitHandler: function(form){
$(form).ajaxSubmit({
目标: '#preview',
成功: function() {
$('#formbox').slideUp('fast');
}
});
}

})

});