快捷導(dǎo)航

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

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

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

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

<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)頁(yè)結(jié)構(gòu)。

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

您可能感興趣的文章:

相關(guān)文章

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