jq限制验证 html和jq文件

作者: 耗子 分类: JS 发布时间: 2016-12-03 20:47

html

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″>

<title>限制</title>

<script type=”text/javascript” src=”jquery-3.0.0.min.js”></script>

<script type=”text/javascript” src=”jq.js” >

 

</script>

</head>

<body>

<center>

<form action=”#” style=”margin-top:300px;”>

<label for=”uid”>用户名:</label>

<input type=”text” id=”uid” name=”uid” value=”用户名不超过9位”>

<br>

<label for=”psw”>密码:&nbsp&nbsp</label>

<input type=”text” id=”psw” name=”psw” value=”密码为6位” >

<br>

<label for=”mail”>邮箱:&nbsp&nbsp</label>

<input type=”text” id=”mail” name=”mail” >

<br>

<label for=”photo”>手机号:</label>

<input type=”text” id=”photo” name=”photo”>

<br>

<input type=”submit” value=”提交” onclick=”CheckAll();”>

</form>

</center>

</body>

</html>

jq

$(document).ready(function(){

})

function CheckUid(uid){

var parent= /^[\u4E00-\u9FA5]{1,6}$/; //中文1到6位匹配

return  parent.test(uid);

}

function CheckPsw(psw){

var parent=/^[\d_a-zA-Z]{6,12}$/;  //字母6-12位匹配

return parent.test(psw);

}

function CheckMail(mail){

var parent= /^[\w!#$%&’*+/=?^_`{|}~-]+(?:\.[\w!#$%&’*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?$/;

return parent.test(mail);

}

function CheckPhoto(photo) {

var parent= /^0?(13|14|15|18)[0-9]{9}$/;

return parent.test(photo);

}

function CheckAll() {

// body…

if($(“#uid”).val()==”” || CheckUid($(“uid”).val()==false)){

alert(‘输入用户名为空或者用户名格式不对’);

}

if($(“#psw”).val()==”” || CheckPsw($(“psw”).val()==false)){

alert(‘输入密码为空或者密码格式不对’);

}

if($(“#mail”).val()==”” || CheckMail($(“mail”).val()==false)){

alert(‘输入邮箱为空或者邮箱格式不对’);

}

if($(“#photo”).val()==”” || CheckPhoto($(“photo”).val()==false)){

alert(‘输入电话为空或者电话格式不对’);

}

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注