當前位置:編程學習大全網 - 編程語言 - jquery編程

jquery編程

& ltscript type = " text/JavaScript " & gt;

//循環獲取所有輸入框

//定義全局變量

var NI = false

var US = false

var PS = false

var RPS = false

var EM = false

var PH = false

//獲取每個輸入綁定的焦點事件

//昵稱

$('input[name="nickname"]')。focus(function(){

$(這個)。下壹個()。css({color:'#979898 ',display:' block ' });

$(這個)。下壹個()。html('請輸入常用昵稱');

});

//帳戶

$('input[name="username"]')。focus(function(){

$(這個)。下壹個()。css({color:'#979898 ',display:' block ' });

$(這個)。下壹個()。html('請輸入6-16個字符,第壹個字符不能是數字');

});

//密碼

$('input[name="password"]')。focus(function(){

$(這個)。下壹個()。css({color:'#979898 ',display:' block ' });

$(這個)。下壹個()。html('請輸入6-16個字符,第壹個字符不能是數字');

});

//重復的密碼

$('input[name="repassword"]')。focus(function(){

$(這個)。下壹個()。css({color:'#979898 ',display:' block ' });

$(這個)。下壹個()。html('請再次輸入密碼');

});

//郵箱

$('input[name="email"]')。focus(function(){

$(這個)。下壹個()。css({color:'#979898 ',display:' block ' });

$(這個)。下壹個()。html('請輸入常用昵稱');

});

//電話

$('input[name="phone"]')。focus(function(){

$(這個)。下壹個()。css({color:'#979898 ',display:' block ' });

$(這個)。下壹個()。html('請輸入您的常用手機號碼');

});

//將失焦事件綁定到每個輸入。

//昵稱

$('input[name="nickname"]')。blur(function(){

var v=$(這個)。val();

瓦爾reg=/^.{1,16}$/;

如果(!註冊測試(v)){

$(這個)。下壹個()。html('?輸入錯誤,請重新輸入’);

$(這個)。下壹個()。css('顏色','紅色');

}否則{

$(這個)。下壹個()。html('?'));

$(這個)。下壹個()。css('顏色','綠色');

NI =真;

}

});

//帳戶

$('input[name="username"]')。blur(function(){

var v=$(這個)。val();

var輸入= $(this);

var reg=/^\w{6,16}$/;

如果(!註冊測試(v)){

input.next()。html('?輸入錯誤,請重新輸入’);

input.next()。css('顏色','紅色');

}否則{

//發送ajax判斷賬號是否可用。

$.post(' {:U(" Admin/Admin/select ")} ',{username:v},function(data){

if(data==0){

input.next()。html('?用戶名已經存在’);

input.next()。css('顏色','紅色');

}否則{

input.next()。html('?'));

input.next()。css('顏色','綠色');

US = true

}

});

}

});

//密碼

$('input[name="password"]')。blur(function(){

var v=$(這個)。val();

var reg=/^[a-za-z]{1}\w{5,15}$/;

如果(!註冊測試(v)){

$(這個)。下壹個()。html('?輸入錯誤,請重新輸入’);

$(這個)。下壹個()。css('顏色','紅色');

}否則{

$(這個)。下壹個()。html('?'));

$(這個)。下壹個()。css('顏色','綠色');

PS =真;

}

});

//重復的密碼

$('input[name="repassword"]')。blur(function(){

var rv=$(這個)。val();

var v=$('input[name=password]')。val();

如果(rv!== v){

$(這個)。下壹個()。html('?錯誤的重復密碼輸入’);

$(這個)。下壹個()。css('顏色','紅色');

}否則{

$(這個)。下壹個()。html('?'));

$(這個)。下壹個()。css('顏色','綠色');

RPS = true

}

});

//郵箱

$('input[name=email]')。blur(function(){

var v=$(這個)。val();

var reg = /^\w+@\w+\.(com|cn|com\)。cn | org | hk | edu | net)$/;

如果(!註冊測試(v)){

$(這個)。下壹個()。html('?輸入錯誤,請重新輸入’);

$(這個)。下壹個()。css('顏色','紅色');

}否則{

$(這個)。下壹個()。html('?'));

$(這個)。下壹個()。css('顏色','綠色');

EM = true

}

});

//電話

$('input[name=phone]')。blur(function(){

var v=$(這個)。val();

var reg=/^1\d{10}$/;

如果(!註冊測試(v)){

$(這個)。下壹個()。html('?輸入錯誤,請重新輸入’);

$(這個)。下壹個()。css('顏色','紅色');

}否則{

$(這個)。下壹個()。html('?'));

$(這個)。下壹個()。css('顏色','綠色');

PH =真;

}

});

//綁定表單提交事件

$('button[name=Submit]')。單擊(函數(){

//alert(' dasd ');

$(“輸入”)。each(function(){

$(這個)。下壹個()。css('display ',' block ');//循環顯示每個輸入框後面的跨度。

});

//觸發失焦事件

$('input[name=nickname]')。觸發器(“模糊”);

$('input[name=username]')。觸發器(“模糊”);

$('input[name=password]')。觸發器(“模糊”);

$('input[name=repassword]')。觸發器(“模糊”);

$('input[name=email]')。觸發器(“模糊”);

$('input[name=phone]')。觸發器(“模糊”);

如果(倪& amp& amp美國& amp& ampPS & amp& ampRPS & amp& ampEM & amp& ampPH){

返回true

}

返回false

});

& lt/script & gt;

  • 上一篇:求初三數學公式大全
  • 下一篇:4.根據對稱軸畫出軸對稱圖形的另壹半。
  • copyright 2024編程學習大全網