急急?。∵\(yùn)用JQuery寫個(gè)簡(jiǎn)單的JavaScript，要求是登陸驗(yàn)證的?！?/h2>

script type="text/javascript" src="../script/jquery.js"/script

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),川匯企業(yè)網(wǎng)站建設(shè),川匯品牌網(wǎng)站建設(shè),網(wǎng)站定制,川匯網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,川匯網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

script type="text/javascript"

$(function(){

//刷新驗(yàn)證碼

$('#imgcode')

.click(

function(){

$(this).attr('src','code.asp?t='+Math.random());

}

);

//驗(yàn)證登陸

$('#login').submit(function(){checkLogin();return false;});

});

//驗(yàn)證登陸

function checkLogin()

{

if ($('#userid').val()==''){$('#userid').focus();return false;}

if ($('#password').val()==''){$('#password').focus();return false;}

if ($('#code').val()==''){$('#code').focus();return false;}

$.ajax

({

type :'POST',

url :'log.asp?action=login',

data :'userid='+$('#userid').val()+'password='+$('#password').val()+'code='+$('#code').val(),

success :function($str)

{

switch($str)

{

case '驗(yàn)證碼錯(cuò)誤':

alert($str);

$('#code').val('').focus();

break;

case '賬號(hào)錯(cuò)誤':

alert($str);

$('#userid').val('').focus();

break;

case '密碼錯(cuò)誤':

alert($str);

$('#password').val('').focus();

break;

case '登陸成功':

location.href="../manage.asp";

break;

default:

alert('未知錯(cuò)誤\n\n'+$str);

}

}

});

return false;

}

/script

form id="login"

input id="userid" type="text" /

input id="password" type="password" /

input id="code" type="text" /

img id="imgcode" src="../inc/code.asp" /

input id="submit" type="submit" value="Login" /

/form

如何用jquery驗(yàn)證用戶名密碼是否一致

$("[password1]").val()==$("[password2]").val()。

也可使用jq的驗(yàn)證插件，百度一下然后去看看api

如何使用jQuery的validate

一、使用Jquery.Validate進(jìn)行驗(yàn)證方法

$(document).ready(function () {

$("#pageForm").validate({

rules: {

DictKey: { required: true, maxlength: 10 },

DictContent: { required: true, maxlength: 10 }

},

messages: {

DictKey: { required: "不能為空", maxlength: jQuery.format("不能超過(guò){0}個(gè)字符") },

DictContent: { required: "不能為空", maxlength: jQuery.format("不能超過(guò){0}個(gè)字符") }

},

submitHandler: function (form) {

form.submit();

}

})

})

DictKey ，DictContent：指需要驗(yàn)證的控件ID

submitHandler ：指通過(guò)驗(yàn)證后運(yùn)行的函數(shù)，里面寫入表單要提交的函數(shù)，否則表單不會(huì)提交

二、列出常用默認(rèn)驗(yàn)證規(guī)則

(1)required:true 必輸字段

(2)email:true 必須輸入正確格式的電子郵件

(3)url:true 必須輸入正確格式的網(wǎng)址

(4)date:true 必須輸入正確格式的日期

(5)dateISO:true 必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗(yàn)證格式，不驗(yàn)證有效性

(6)number:true 必須輸入合法的數(shù)字(負(fù)數(shù)，小數(shù))

(7)digits:true 必須輸入整數(shù)

(8)creditcard: 必須輸入合法的信用卡號(hào)

(9)equalTo:"#field" 輸入值必須和#field相同

(10)accept: 輸入擁有合法后綴名的字符串（上傳文件的后綴）

(11)maxlength:5 輸入長(zhǎng)度最多是5的字符串(漢字算一個(gè)字符)

(12)minlength:10 輸入長(zhǎng)度最小是10的字符串(漢字算一個(gè)字符)

(13)rangelength:[5,10] 輸入長(zhǎng)度必須介于 5 和 10 之間的字符串")(漢字算一個(gè)字符)

(14) equalLength:10 輸入長(zhǎng)度必須是10

(14)range:[5,10] 輸入值必須介于 5 和 10 之間

(15)max:5 輸入值不能大于5

(16)min:10 輸入值不能小于10

三、使用ajax方法驗(yàn)證輸入值是否存在

當(dāng)文本框輸入值時(shí)，或改變輸入值時(shí)會(huì)自動(dòng)到Server去驗(yàn)證輸入值是否在數(shù)據(jù)庫(kù)中存在

JS代碼如下：

DictKey: { required: true, maxlength: 10,

remote: { //驗(yàn)證用戶名是否存在

type: "POST",

url: '@Url.Content("~/Account/Test/")' //servlet

}

},

DictKey: { required: "不能為空", maxlength: jQuery.format("不能超過(guò){0}個(gè)字符"),remote:"用戶名已被注冊(cè)"},

Server端：

[HttpPost]

public JsonResult Test(string DictKey) //DictKey即要驗(yàn)證控件的ID值

{

bool result;

if (DictKey == "a")

{

result = true;

}

else

{

result = false;

}

return Json(result);

}

根據(jù)Server端返回的True,False來(lái)決定驗(yàn)證是否通過(guò)

四、非submit按鈕結(jié)合Jquery.Form進(jìn)行提交

如果不是submit提交按鈕，比如單擊某個(gè)按鈕觸發(fā)表單驗(yàn)證，這時(shí)表單驗(yàn)證可用如下方式

function validateForm() {

//validate方法參數(shù)可選

return $("#form1").validate({

rules: {

},

messages:{

}

}).form();

}

function doSubmit(){

//do other things

//驗(yàn)證通過(guò)后提交

if(validateForm()){

form.submit()

//這邊可以結(jié)合Jquery.Form進(jìn)行AjaxSubmit方式異步提交

$("#UpdateForm").AjaxSubmit (function(){

Alert(“AjaxForm提交完成”)

});

}

}

jquery點(diǎn)擊某個(gè)元素后判斷用戶是否登錄

div id="parent"

a id="a1" href="javascript:void(0);"點(diǎn)我/a

a id="a2" href="javascript:void(0);"點(diǎn)我吧/a

input id="b1" type="button" value="還是點(diǎn)我"/input

input id="b2" type="button" value="那點(diǎn)你吧"/input

/div

$("#parent *").click(function(e){

if(e.target == $("#a1")[0]){

alert("你點(diǎn)了鏈接一！");

}else if(e.target == $("#a2")[0]){

alert("你點(diǎn)了鏈接二！");

}else if(e.target == $("#b1")[0]){

alert("你點(diǎn)了按鈕一！");

}else if(e.target == $("#b2")[0]){

alert("你點(diǎn)了按鈕二！");

}

});

可以試試我這個(gè)，因?yàn)閖Query選擇器的原因，所以一定要指定父級(jí)，否則會(huì)執(zhí)行多次。

我用jquery做登錄界面時(shí)，點(diǎn)擊登錄按鈕，怎樣才能實(shí)現(xiàn)上面輸入框的內(nèi)容全部都合法，否則進(jìn)不到下一個(gè)頁(yè)面

//這是提交登錄表單的方法

function submitForm(){

if(validate()){ //這么寫表示通過(guò)所有驗(yàn)證

//正式提交表單，可以用$("#表單ID").submit();

}

}

//這是驗(yàn)證的方法

function validate(){

var isTrue = true;

//如果驗(yàn)證不通過(guò)，就把isTrue設(shè)為false并return isTrue

}

寫個(gè)button按鈕，直接調(diào)用submitForm()方法即可。樓主還有什么不懂的盡管問(wèn)我！

jquery簡(jiǎn)單密碼驗(yàn)證

1. 先寫判斷函數(shù)

var passmode = function(a) {//計(jì)算密碼組合種類

var num = 0;

if(/[0-9]+/.test(a)) num++

if(/[a-zA-Z]+/.test(a)) num++

if(/[^0-9a-zA-Z\s\u4e00-\u9fa5]+/.test(a)) num++

return num;

};

2. 調(diào)用判斷

$('#password').keyup(function () {

var password = $('#password').val().replace(/\s*/, "");

var passleng = password.length;

var _pass = passmode(password);

if (passleng 6) {//極弱，不考慮

return;

}

if(/(?:(.)\1{3,})/.test(password) _pass == 1) {

//任何字符重復(fù)3次以上，并密碼字符種類只有一種，弱

$('#hint').css('background-color','#弱');

} else if(_pass == 2 || (!/(?:(.)\1{3,})/.test(password)passleng =6_pass == 1)) {

//密碼種類超過(guò)6位存在兩種 或 沒(méi)有3次以上重復(fù)超過(guò)6位 中

$('#hint').css('background-color','#中');

} else if(_pass == 3){//不管是否重復(fù)字符，密碼種類存在三種，長(zhǎng)度大于等于6，強(qiáng)

$('#hint').css('background-color','#強(qiáng)');

}

}

);

新聞名稱：jquery登錄驗(yàn)證,jquery實(shí)現(xiàn)登錄驗(yàn)證
URL標(biāo)題：http://jinyejixie.com/article38/dsdgopp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、品牌網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)