這個是基于jQuery的表單驗證插件Validation Engine,你題干中的代碼是驗證表單是否符合要求,如:名字不能為空,號碼必須是數(shù)字等等,效果如下圖:
為龍亭等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及龍亭網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、龍亭網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
params==true ‘==’會強(qiáng)制轉(zhuǎn)換,如果params存在,他會被強(qiáng)制轉(zhuǎn)換為true不存在就是false,然后和t'=='后面的true對比
需要準(zhǔn)備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標(biāo)簽,輸入jquery代碼:
$('button').click(function () {
$('body').append('span正在上傳中/span');
setTimeout("$('span').text('上傳成功');", 1000);
});
3、瀏覽器運(yùn)行index.html頁面,點擊提交按鈕,顯示了“正在上傳中”。
4、例如過了1秒后變成了上傳成功的提示。
本文實例講述了jQuery插件form-validation-engine正則表達(dá)式操作。分享給大家供大家參考,具體如下:
form-validation-engine是一個不錯的表單驗證插件,示例如下:
(function($)
{
$.fn.validationEngineLanguage
=
function()
{};
$.validationEngineLanguage
=
{
newLang:
function()
{
$.validationEngineLanguage.allRules
=
{"required":{
//
Add
your
regex
rules
here,
you
can
take
telephone
as
an
example
"regex":"none",
"alertText":"*
必選字段",
"alertTextCheckboxMultiple":"*
請選擇選項",
"alertTextCheckboxe":"*
需要這個復(fù)選框"},
"length":{
"regex":"none",
"alertText":"*在
",
"alertText2":"
和
",
"alertText3":
"
之間"},
"maxCheckbox":{
"regex":"none",
"alertText":"*
檢查允許超過"},
"minCheckbox":{
"regex":"none",
"alertText":"*
請選擇
",
"alertText2":"
選項"},
"confirm":{
"regex":"none",
"alertText":"*
你的字段不匹配"},
"telephone":{
"regex":"/^[0-9\-\(\)\
]+$/",
"alertText":"*
無效的號碼"},
"email":{
"regex":"/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/",
"alertText":"*
無效的郵箱"},
"date":{
"regex":"/^[0-9]{4}\-\[0-9]{1,2}\-\[0-9]{1,2}$/",
"alertText":"*
無效的日期,必須是YYYY-MM-DD的格式"},
"onlyNumber":{
"regex":"/^[0-9\
]+$/",
"alertText":"*
只允許輸入數(shù)字"},
"noSpecialCaracters":{
"regex":"/^[0-9a-zA-Z]+$/",
"alertText":"*
有非法字符"},
"ajaxUser":{
"file":"validateUser.php",
"extraData":"name=eric",
"alertTextOk":"*
這個用戶是合法的",
"alertTextLoad":"*
加載中,請等待",
"alertText":"*
這個用戶已經(jīng)存在"},
"ajaxName":{
"file":"validateUser.php",
"alertText":"*
這個名字已經(jīng)被使用",
"alertTextOk":"*
這個名字是可以的",
"alertTextLoad":"*
加載中,請等待"},
"onlyLetter":{
"regex":"/^[a-zA-Z\
\']+$/",
"alertText":"*
只允許輸入字母"},
"validate2fields":{
"nname":"validate2fields",
"alertText":"*
你必須有姓和名"}
}
}
}
})(jQuery);
$(document).ready(function()
{
$.validationEngineLanguage.newLang()
});
這里面有不少正則表達(dá)式,很有意思。
很有意思的form表單驗證。
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測試工具:
正則表達(dá)式在線生成工具:
更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專題:《jQuery正則表達(dá)式用法總結(jié)》、《jQuery字符串操作技巧總結(jié)》、《jQuery操作xml技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
代碼沒有,可以告訴你怎么做.
你可以直接就在表單里把要提示的內(nèi)容寫好,然后用display先隱藏,jquery判斷時,如果發(fā)現(xiàn)輸入有誤,就將要提示的內(nèi)容顯示就可以了.display顯示時會自動加高表單的高度的.
這里提供兩個牛B的常用的jQuery表單驗證插件:
1、實例講解表單驗證插件Validation的應(yīng)用
2、Validetta : 輕量級的表單驗證工具