JQuery form表單提交前驗證單選框是否選中、刪除記錄時驗證經(jīng)驗總結(jié)(整理)
先上三張效果圖:
這些功能在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" style="font-size: 30px;color:red;margin-top: 15px;" ></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表單提交前驗證單選框是否選中、刪除記錄時驗證經(jīng)驗總結(jié),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery實現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果
這篇文章主要介紹了jQuery實現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果,需要的朋友可以參考下2016-12-12使用jQuery監(jiān)聽掃碼槍輸入并禁止手動輸入的實現(xiàn)方法(推薦)
基于jQuery的掃碼槍監(jiān)聽。如果只是想實現(xiàn)監(jiān)聽獲取條碼掃碼信息,可以直接拿來使用,如果有更多的條碼判斷處理邏輯需要自己擴展哦2017-03-03jQuery實現(xiàn)滾動條滾動到子元素位置(方便定位)
本文主要介紹了jQuery實現(xiàn)滾動條滾動到子元素位置的方法。具有一定的參考價值,下面跟著小編一起來看下吧2017-01-01jQuery插件FusionCharts繪制的3D雙柱狀圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D雙柱狀圖效果,涉及jQuery使用插件FusionCharts結(jié)合xml數(shù)據(jù)繪制的3D雙柱狀圖的相關(guān)操作技巧,需要的朋友可以參考下2017-04-04jQuery事件綁定用法詳解(附bind和live的區(qū)別)
這篇文章主要介紹了jQuery事件綁定用法,結(jié)合實例形式較為詳細(xì)的分析了jQuery事件綁定的實現(xiàn)原理與相關(guān)注意事項,并附帶了相關(guān)綁定方法的使用說明,重點介紹了bind和live的區(qū)別,需要的朋友可以參考下2016-01-01