form 表單驗證提交

<script type='text/javascript'>
 function  checkForm()
 {
     $flag = true; 
  if(Common.isPassword($('#password').val()))
  {
   $('#message_password').html(' ');
   $('#message_password').attr('class','Tips-correct');
  }else{
   $('#message_password').html('請正確輸入密碼');
   $('#message_password').attr('class','Tips-Error');
   $flag =  false;
  }
  
  if($('#password').val()==$('#rpassword').val())
  {
   $('#message_rpassword').html(' ');
   $('#message_rpassword').attr('class','Tips-correct');
  }else{
   $('#message_rpassword').html('兩次輸入密碼不真確,請重新輸入');
   $('#message_rpassword').attr('class','Tips-Error');
   $flag =  false;
  }
  return $flag;
 }
</script>

<form action='__ACTION__' οnsubmit='return checkForm()' >

...........................................

<button type="submit" >保 存</button>

</form>

在表單上添加方法 οnsubmit='return checkForm()' 則在表單提交時會自動調用checkForm()方法,如果該方法返回true,則表單提交成功,否則,表單不提交,注意在onsubmit事件裏面不要忘記 是 return 和方法名稱

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章