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

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');
}
});
}

}) }); 腳本>