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

Posted mm20

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手机号和邮箱合法性验证+焦点事件相关的知识,希望对你有一定的参考价值。

<%@ 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>

亲测,没啥大问题

以上是关于手机号和邮箱合法性验证+焦点事件的主要内容,如果未能解决你的问题,请参考以下文章

验证手机号/邮箱是否合法

手机号,邮箱等验证表达式

自定义layui手机固话验证

验证邮箱和手机号的正则表达式

Laravel 判断邮箱是否已存在,并验证邮箱格式是否合法

javascript用正則表達式检測username的合法性