JQ输入框验证手机号码/邮箱/用户名

  • A+
所属分类:推荐阅读

html代码:
<input type="text" placeholder="手机号码/用户名/邮箱" name="" class="phone_number"/>
<p id="yichang"></p>

 

jq代码:

//用户名验证
function is_username(username) {
if ( username == "") {
return false;
} else {
if (! /^([a-z]|[A-Z])[0-9a-zA-Z_]+$/.test(username)) {
return false;
}
}
return true;
}
//验证邮箱格式是否正确
function is_email(email) {
if ( email == "") {
return false;
} else {
if (! /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/.test(email)) {
return false;
}
}
return true;
}
//验证手机号码格式
function is_mobile(mobile) {
console.log(mobile);
if( mobile == "") {
return false;
} else {
if( ! /^0{0,1}(13[0-9]|15[0-9]|18[0-9]|14[0-9])[0-9]{8}$/.test(mobile) ) {
return false;
}
return true;
}
}
//判断数据类型
function iftype(oA){
var reg=/^[1-9]\d*$|^0$/;
if(reg.test(oA)==true){
// alert("都是数字!通过");
return true;
}else{
// alert("不是纯数字!失败!");
return false;
}
}
//判断用户输入的是邮箱还是手机还是用户名
$(".phone_number").blur(function(){
if (iftype($(".phone_number").val())) {
if(is_mobile($(".phone_number").val())){
$("#yichang").html("");
}else{
$("#yichang").html("手机号格式不正确");
return false;
}
}else if(is_email($(".phone_number").val())){
$("#yichang").html("");
}else{
if (is_username($(".phone_number").val())) {
$("#yichang").html("");
}else{
$("#yichang").html("用户名只能英文字母开头");
}
}

文鱼

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: