急急！！運用JQuery寫個簡單的JavaScript，要求是登陸驗證的。”

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

創新互聯是一家集網站建設,川匯企業網站建設,川匯品牌網站建設,網站定制,川匯網站建設報價,網絡營銷,網絡優化,川匯網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

script type="text/javascript"

$(function(){

//刷新驗證碼

$('#imgcode')

.click(

function(){

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

}

);

//驗證登陸

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

});

//驗證登陸

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 '驗證碼錯誤':

alert($str);

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

break;

case '賬號錯誤':

alert($str);

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

break;

case '密碼錯誤':

alert($str);

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

break;

case '登陸成功':

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

break;

default:

alert('未知錯誤\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驗證用戶名密碼是否一致

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

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

如何使用jQuery的validate

一、使用Jquery.Validate進行驗證方法

$(document).ready(function () {

$("#pageForm").validate({

rules: {

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

DictContent: { required: true, maxlength: 10 }

},

messages: {

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

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

},

submitHandler: function (form) {

form.submit();

}

})

})

DictKey ，DictContent：指需要驗證的控件ID

submitHandler ：指通過驗證后運行的函數，里面寫入表單要提交的函數，否則表單不會提交

二、列出常用默認驗證規則

(1)required:true 必輸字段

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、使用ajax方法驗證輸入值是否存在

當文本框輸入值時，或改變輸入值時會自動到Server去驗證輸入值是否在數據庫中存在

JS代碼如下：

DictKey: { required: true, maxlength: 10,

remote: { //驗證用戶名是否存在

type: "POST",

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

}

},

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

Server端：

[HttpPost]

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

{

bool result;

if (DictKey == "a")

{

result = true;

}

else

{

result = false;

}

return Json(result);

}

根據Server端返回的True,False來決定驗證是否通過

四、非submit按鈕結合Jquery.Form進行提交

如果不是submit提交按鈕，比如單擊某個按鈕觸發表單驗證，這時表單驗證可用如下方式

function validateForm() {

//validate方法參數可選

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

rules: {

},

messages:{

}

}).form();

}

function doSubmit(){

//do other things

//驗證通過后提交

if(validateForm()){

form.submit()

//這邊可以結合Jquery.Form進行AjaxSubmit方式異步提交

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

Alert(“AjaxForm提交完成”)

});

}

}

jquery點擊某個元素后判斷用戶是否登錄

div id="parent"

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

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

input id="b1" type="button" value="還是點我"/input

input id="b2" type="button" value="那點你吧"/input

/div

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

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

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

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

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

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

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

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

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

}

});

可以試試我這個，因為jQuery選擇器的原因，所以一定要指定父級，否則會執行多次。

我用jquery做登錄界面時，點擊登錄按鈕，怎樣才能實現上面輸入框的內容全部都合法，否則進不到下一個頁面

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

function submitForm(){

if(validate()){ //這么寫表示通過所有驗證

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

}

}

//這是驗證的方法

function validate(){

var isTrue = true;

//如果驗證不通過，就把isTrue設為false并return isTrue

}

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

jquery簡單密碼驗證

1. 先寫判斷函數

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

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. 調用判斷

$('#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) {

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

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

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

//密碼種類超過6位存在兩種 或 沒有3次以上重復超過6位 中

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

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

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

}

}

);

新聞名稱：jquery登錄驗證,jquery實現登錄驗證
URL標題：http://vcdvsql.cn/article38/dsdgopp.html

成都網站建設公司_創新互聯，為您提供網站營銷、品牌網站建設、網站設計、網站建設、網頁設計公司、面包屑導航

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯