JQuery form表單提交前驗證單選框是否選中、刪除記錄時驗證經驗總結(整理)，jqueryform

JQuery form表單提交前驗證單選框是否選中、刪除記錄時驗證經驗總結(整理)，jqueryform

 先上三張：

 
 

這些功能在Java Web開發中可能是經常需要的，雖然很簡單卻使很實用的功能，這裡記錄下以免忘記。

1. 先說表單提交前驗證：後台經常用到（這裡是提交後統一驗證，及時驗證請參考我另一篇文章

http://blog.csdn.net/jianzhonghao/article/details/52503431）

1.1 通過submit 按鈕提交後 會根據form的屬性action=“路徑”來跳轉到相應的路徑，這時，給form添加一個 onsubmit =”return check()” 屬性， check()使我們要寫的驗證函式，如：

 <form action="路徑" onsubmit="return check()" method="POST">

1.2 check()函數如下(驗證姓名是否填寫 與 單選框性別是否選中) $(‘#notice') 的話，隨便寫個div加個id屬性就好了

<script type="text/javascript">  function check(){  var name = $('#name').val().trim();  var gender=$('input:radio[name="gender"]:checked').val();  if(!name){   $('#notice').text('客服名稱不可為空！').show();   return false;  }else if(!gender){   $('#notice').text('請選擇客服性別！').show();   return false;  }  else{   return true;  } }</script><div id="notice" style="font-size: 30px;color:red;margin-top: 15px;" ></div>

1.3最後說一下刪除時，確認是否刪除的問題

<input type="image" src="刪除表徵圖的路徑" title="刪除" onclick="{if(confirm('確定刪除嗎?')){javascript:document:delfrom_${ServerInfo.id };return true;}return false;}">分開寫實際就是if(confirm('確定刪除嗎?')){ {javascript:document:delfrom_${ServerInfo.id }; return true;} return false;

以上所述是小編給大家介紹的JQuery form表單提交前驗證單選框是否選中、刪除記錄時驗證經驗總結，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援！