jquery實(shí)現(xiàn)表單驗(yàn)證并阻止非法提交
代碼檢測(cè)textarea內(nèi)填寫的長(zhǎng)度,未填寫時(shí)提示需要重新填寫,少于15字符時(shí)提示需要長(zhǎng)于15字符,成功時(shí)顯示所填寫建議。
<script type="text/javascript"> //jQuery代碼 function confirm() { if($("#advice").val().length == 0) { alert("We can't see your advice. Maybe you should fill the form first."); $("#advice").focus(); return false; } else if($("#advice").val().length <= 15) { alert("Your advice should longer than 15 letters."); $("#advice").focus(); return false; } else { alert("Thank you for your advice! You will get out reply in 24 hours for advice:\n"+$("#advice").val()); return true; } } </script> <form action="" method="post" onSubmit="return confirm();" > <textarea id="advice" rows="20" cols="50"placeholder="Give us some advice?"></textarea> <input type="submit"value="Thank you"/> </form>
>關(guān)鍵點(diǎn)
1.必須要有onSubmit="return confirm();" return 這個(gè)詞,不可缺少。
2.自行完整的網(wǎng)頁結(jié)構(gòu)。
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
- jquery validate.js表單驗(yàn)證的基本用法入門
- 基于Bootstrap+jQuery.validate實(shí)現(xiàn)Form表單驗(yàn)證
- jquery表單驗(yàn)證使用插件formValidator
- Jquery練習(xí)之表單驗(yàn)證實(shí)現(xiàn)代碼
- 使用 jQuery 實(shí)現(xiàn)表單驗(yàn)證功能
- 基于Jquery實(shí)現(xiàn)表單驗(yàn)證
- jQuery 表單驗(yàn)證插件formValidation實(shí)現(xiàn)個(gè)性化錯(cuò)誤提示
- jQuery實(shí)現(xiàn)用戶注冊(cè)的表單驗(yàn)證示例
- Jquery插件easyUi表單驗(yàn)證提交(示例代碼)
- jQuery實(shí)現(xiàn)表單驗(yàn)證功能
相關(guān)文章
jQuery實(shí)現(xiàn)下拉菜單(內(nèi)容為時(shí)間)的實(shí)時(shí)更新及圖表的隨動(dòng)更新的方法
這篇文章主要介紹了實(shí)現(xiàn)下拉菜單(內(nèi)容為時(shí)間)的實(shí)時(shí)更新及圖表的隨動(dòng)更新的方法的相關(guān)資料,需要的朋友可以參考下2016-07-07jquery+json實(shí)現(xiàn)的搜索加分頁效果
Javascript,json 實(shí)現(xiàn)的js 腳本搜索,加分頁,附源碼2010-03-03jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件。
因?yàn)樽罱夹g(shù)長(zhǎng)進(jìn)緩慢,也沒高手帶,只能靠自己了,所以想仿個(gè)WEBQQ來鍛煉下自己。做之前最好先把必要的東西準(zhǔn)備好2011-12-12