码迷,mamicode.com
首页 > 移动开发 > 详细

手机号和邮箱合法性验证+焦点事件

时间:2019-12-19 15:49:53      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:fun   false   rip   value   输入   焦点事件   cti   inpu   HERE   

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>

<input type="number" id="phone" name="phone" placeholder="请输入手机号" onblur="Isphone()"/>
<input type="text" id="email" name="email" placeholder="请输入邮箱" onblur="Isemail()"/>
<script>
function Isphone(){
var phone=document.getElementById(‘phone‘).value
var flag = false;
var message = "";
var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0-9]{1})|(15[0-3]{1})|(15[4-9]{1})|(18[0-9]{1})|(199))+\d{8})$/;
if (!myreg.test(phone)) {
// console.log("手机号码不能为空");
message = "请输入有效的手机号码!";
} else if (phone.length != 11) {
//console.log("请输入11位手机号码!");
message = "请输入11位手机号码!";
} else if (phone==‘‘) {
//console.log("请输入有效的手机号码!");
message = "不能为空";
}
alert(message)
}
function Isemail(){
var em=document.getElementById(‘email‘).value
if (em == "")
  {
    alert("请输入电子信箱!");
  }
  else{
 //对电子邮件的验证
 var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
  if(!myreg.test(em)){
   alert(‘提示:请输入有效的E_mail!‘);
  }
}
}
</script>

</body>
</html>

亲测,没啥大问题

手机号和邮箱合法性验证+焦点事件

标签:fun   false   rip   value   输入   焦点事件   cti   inpu   HERE   

原文地址:https://www.cnblogs.com/mm20/p/12068161.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!