簡單實用的回饋表單無刷新提交帶驗證_javascript技巧

WBOY

發布： 2016-05-16 17:14:41

原創

1059 人瀏覽過

js檔案可以查看原始碼

XML/HTML程式碼

複製程式碼程式碼如下：

 
名稱標籤> 
 /> 

電子郵件標籤> 
 /> 

訊息標籤>; 
 
 標籤> 
 
表格>

JavaScript 程式碼

複製程式碼程式碼如下：

< ;腳本類型=“text/javascript”> 
 
< ;腳本類型=“text/javascript”> 
 
< ;腳本類型=“text/javascript”> 
 
< ;腳本類型=“text/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'); 
} 
}); 
} 

}) }); 腳本>