先上三張效果圖:

這些功能在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') 的話,隨便寫個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最后說一下刪除時,確認是否刪除的問題
<input type="image" src="刪除圖標的路徑" 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表單提交前驗證單選框是否選中、刪除記錄時驗證經驗總結,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答