jquery實(shí)現(xiàn)表單驗(yàn)證并阻止非法提交

更新時間：2015年07月09日 08:51:18 投稿：hebedich

本文給大家分享的是使用jquery實(shí)現(xiàn)表單驗(yàn)證并阻止非法提交的代碼，思路非常不錯，這里推薦給小伙伴們參考下。

代碼檢測textarea內(nèi)填寫的長度，未填寫時提示需要重新填寫，少于15字符時提示需要長于15字符，成功時顯示所填寫建議。

<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 這個詞，不可缺少。
2.自行完整的網(wǎng)頁結(jié)構(gòu)。

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

jquery JSON的解析方式
第一次用JSON作為jquery異步請求的傳輸對象，結(jié)果在jquery請求后返回的結(jié)果是字符串還是json對象上折騰了半天。等到問題解決了，也大致明白怎么個意思了，歸根結(jié)底還是對jquery對相關(guān)json對象獲取的理解有所偏差。
2009-07-07
源碼解讀jQ中瀏覽器兼容模塊support
jquery support主要是檢測瀏覽器兼容性，支持力度的方法，用于展示不同瀏覽器各自特性和bug的屬性集合。作為一個靜態(tài)成員，提供給jquery內(nèi)部函數(shù)，告訴他們某些功能是否能用。避免了以往通過檢測瀏覽器版本做修改。下面我們通過源碼詳細(xì)解讀jQ中瀏覽器兼容模塊support。
2016-08-08
js之ActiveX控件使用說明 new ActiveXObject()
ActiveX 控件廣泛用于Internet。它們可以通過提供視頻、動畫內(nèi)容等來增加瀏覽的樂趣。不過，這些程序可能出問題或者向您提供不需要的內(nèi)容
2014-03-03
jquery簡單實(shí)現(xiàn)鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖
鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖的效果很是好看，下面為大家介紹下使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下
2013-12-12
利用JQuery和Servlet實(shí)現(xiàn)跨域提交請求示例分享
這篇文章主要介紹了利用JQuery和Servlet實(shí)現(xiàn)跨域提交請求示例,需要的朋友可以參考下
2014-02-02
jQuery實(shí)現(xiàn)手風(fēng)琴小案例
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)手風(fēng)琴小案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04
基于Jquery制作圖片文字排版預(yù)覽效果附源碼下載
通過jquery和css相結(jié)合的方式實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊圖片彈出畫廊切換特效，效果逼真，下面小編把源碼分享給大家供大家參考
2015-11-11
JQUBar 基于JQUERY的柱狀圖插件
用戶可以通過鼠標(biāo)拖拽柱狀圖從而改變每根柱子的高度，最終達(dá)到通過鼠標(biāo)拖拽圖形界面來修改服務(wù)器數(shù)據(jù)的目的。
2010-11-11
jquery的Theme和Theme Switcher使用小結(jié)
jquery的Theme和Theme Switcher使用總結(jié)，學(xué)習(xí)jquery Theme的朋友可以參考下。
2010-09-09
jquery選擇器原理介紹($()使用方法)
這篇文章主要介紹了jquery選擇器原理介紹($()使用方法),需要的朋友可以參考下
2014-03-03