JQuery form驗證單選框是否選取經驗總結

這篇文章主要介紹了JQuery form表單提交前驗證單選框是否選中、刪除記錄時驗證經驗總結，非常不錯，具有參考借鑒價值，需要的朋友參考下吧

 先上三張效果圖：

 
# 

這些功能在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') 的話，隨便寫個p加個id屬性就好了#########

<script type="text/javascript"> 
 function check(){
  var name = $(&#39;#name&#39;).val().trim();
  var gender=$(&#39;input:radio[name="gender"]:checked&#39;).val();
  if(!name){
   $(&#39;#notice&#39;).text(&#39;客服名称不能为空！&#39;).show();
   return false;
  }else if(!gender){
   $(&#39;#notice&#39;).text(&#39;请选择客服性别！&#39;).show();
   return false;
  }
  else{
   return true;
  }
 }
</script>
<p id="notice" style="font-size: 30px;color:red;margin-top: 15px;" ></p>

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

<input type="image" src="删除图标的路径" title="删除" onclick="{if(confirm(&#39;确定删除吗?&#39;)){javascript:document:delfrom_${ServerInfo.id };return true;}return false;}">
分开写实际就是
if(confirm(&#39;确定删除吗?&#39;)){
 {javascript:document:delfrom_${ServerInfo.id };
 return true;
}
 return false;

##########相關推薦：############Jquery實際應用，判斷radio ，selelct，checkbox是否選取及選取的值############Angular.JS判斷複選框checkbox是否選取並即時顯示############jquery 判斷checkbox是否選取#######

以上是JQuery form驗證單選框是否選取經驗總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！