這篇文章主要介紹了使用正則表達(dá)式驗(yàn)證登錄頁(yè)面輸入是否符合要求的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下

先給大家展示下效果圖：

廢話不多說(shuō)了，直接給大家貼代碼了，具體代碼如下所示：

$(function() {

$("input[name='uname']").blur(function() { //失去焦點(diǎn)

var namestr = $(this).val();

var regstr = /^[\u4e00-\u9fa5]{2,4}$/;

if(!regstr.test(namestr)) {

$(this).parent().next().html("用戶名必須是2-4個(gè)漢字").css("color", "red");

return false;

}

return true;

});

$("input[name = 'uname']").focus(function() { //獲取焦點(diǎn)

$(this).val("");

$(this).parent().next().html("");

});

$("input[name='pwd']").blur(function() {

var pwdstr = $(this).val();

var regstr = /^\w{6}$/;

if(!regstr.test(pwdstr)) {

$(this).parent().next().html("密碼必須是6位數(shù)字字母下劃線").css("color", "red");

return false;

}

return true;

});

$("input[name='pwd']").focus(function() {

$(this).parent().next().html("");

});

$("input[name='birthday']").blur(function() {

var birthdaystr = $(this).val();

var regstr = /^(19|20)\d{2}-(1[0-2]|0?[1-9])-(3[0-1]|2[0-9]|0?[1-9])$/;

if(!regstr.test(birthdaystr)) {

$(this).parent().next().html("日期格式不正確").css("color", "red");

return false;

}

return true;

});

$("input[name='birthday']").focus(function() {

$(this).parent().next().html("");

});

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

var emailstr = $(this).val();

var regstr = /^[\w\-]+@[a-z0-9A-Z]+(\.[a-zA-Z]{2,3}){1,2}$/;

if(!regstr.test(emailstr)){

$(this).parent().next().html("郵箱格式不正確").css("color","red");

return false;

}

return true;

});

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

$(this).parent().next().html("");

});

});

body {

font-size: 12px;

}

#home {

background-color: beige;

border: solid 1px black;

width: 550px;

height: 185px;

margin: auto;

margin-top: 20px;

}

#head {

height: 135px;

}

#foot {

text-align: center;

}

.dl1 {

clear: both;

padding-left: 10px;

}

.dl1 dt {

float: left;

height: 30px;

width: 80px;

line-height: 30px;

}

.dl1 dd {

float: left;

height: 30px;

line-height: 30px;

/*width: 250px;*/

}

#btn_res {

background-image: url(img/reset.gif);

width: 80px;

height: 34px;

}

#btn_sub {

background-image: url(img/submit.gif);

width: 80px;

height: 34px;

}

用戶名 :

用戶密碼 :

出生日期 :

yyyy-mm-dd

用戶郵箱 :

總結(jié)

以上是生活随笔為你收集整理的php 自动验证 正则表达,使用正则表达式验证登录页面的输入内容的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。