JQuery form表單提交前驗(yàn)證單選框是否選中、刪除記錄時(shí)驗(yàn)證經(jīng)驗(yàn)總結(jié)(整理)
先上三張效果圖:
這些功能在Java Web開發(fā)中可能是經(jīng)常需要的,雖然很簡單卻使很實(shí)用的功能,這里記錄下以免忘記。
1. 先說表單提交前驗(yàn)證:后臺(tái)經(jīng)常用到(這里是提交后統(tǒng)一驗(yàn)證,及時(shí)驗(yàn)證請參考我另一篇文章
http://blog.csdn.net/jianzhonghao/article/details/52503431)
1.1 通過submit 按鈕提交后 會(huì)根據(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é),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery實(shí)現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果,需要的朋友可以參考下2016-12-12使用jQuery監(jiān)聽掃碼槍輸入并禁止手動(dòng)輸入的實(shí)現(xiàn)方法(推薦)
基于jQuery的掃碼槍監(jiān)聽。如果只是想實(shí)現(xiàn)監(jiān)聽獲取條碼掃碼信息,可以直接拿來使用,如果有更多的條碼判斷處理邏輯需要自己擴(kuò)展哦2017-03-03jQuery實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到子元素位置(方便定位)
本文主要介紹了jQuery實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到子元素位置的方法。具有一定的參考價(jià)值,下面跟著小編一起來看下吧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é)合實(shí)例形式較為詳細(xì)的分析了jQuery事件綁定的實(shí)現(xiàn)原理與相關(guān)注意事項(xiàng),并附帶了相關(guān)綁定方法的使用說明,重點(diǎn)介紹了bind和live的區(qū)別,需要的朋友可以參考下2016-01-01