JQuery中form表單提交前驗證單選框是否選中、刪除記錄時驗證的示例分析

這篇文章主要為大家展示了“JQuery中form表單提交前驗證單選框是否選中、刪除記錄時驗證的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“JQuery中form表單提交前驗證單選框是否選中、刪除記錄時驗證的示例分析”這篇文章吧。

 先上三張效果圖：

這些功能在Java Web開發(fā)中可能是經(jīng)常需要的，雖然很簡單卻使很實用的功能，這里記錄下以免忘記。

1. 先說表單提交前驗證：后臺經(jīng)常用到（這里是提交后統(tǒng)一驗證，及時驗證請參考我另一篇文章

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

1.1 通過submit 按鈕提交后 會根據(jù)form的屬性action=“路徑”來跳轉(zhuǎn)到相應(yīng)的路徑，這時，給form添加一個 onsubmit =”return check()” 屬性， check()使我們要寫的驗證函數(shù)，如下圖：

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

1.2 check()函數(shù)如下(驗證姓名是否填寫 與 單選框性別是否選中) $(‘#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"  ></div>

1.3最后說一下刪除時，確認(rèn)是否刪除的問題

<input type="image" src="刪除圖標(biāo)的路徑" 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表單提交前驗證單選框是否選中、刪除記錄時驗證的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！