JQuery form表單提交前驗(yàn)證單選框是否選中、刪除記錄時(shí)驗(yàn)證經(jīng)驗(yàn)總結(jié)(整理)

更新時(shí)間：2017年06月09日 11:07:02 作者：水山奇

這篇文章主要介紹了JQuery form表單提交前驗(yàn)證單選框是否選中、刪除記錄時(shí)驗(yàn)證經(jīng)驗(yàn)總結(jié)，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧

先上三張效果圖：

表單提交前驗(yàn)證所有字段
驗(yàn)證單選框是否選中
刪除前確認(rèn)一下

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

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

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

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

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

1.2 check()函數(shù)如下(驗(yàn)證姓名是否填寫與單選框性別是否選中) $(‘#notice') 的話，隨便寫個(gè)div加個(gè)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最后說一下刪除時(shí)，確認(rèn)是否刪除的問題

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

以上所述是小編給大家介紹的JQuery form表單提交前驗(yàn)證單選框是否選中、刪除記錄時(shí)驗(yàn)證經(jīng)驗(yàn)總結(jié)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: