正则表达式学习笔记一 :e-mail和tel简单验证/php

最新推荐文章于 2023-03-31 08:47:17 发布

doraHP

最新推荐文章于 2023-03-31 08:47:17 发布

阅读量4k

点赞数

分类专栏： php 文章标签：正则表达式

本文链接：https://blog.csdn.net/qq_36557960/article/details/78052842

版权

分别在前端和后端实现对表单（E-mail和 Telphone）的验证

摘要由CSDN通过智能技术生成

分别在前端和后端实现对表单（E-mail和 Telphone）的验证

废话不多，代码如下...

前端实现利用正则表达式对e-mail和telphone的验证

regex_form_relizea.html文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>前端实现正则表达式验证</title>
		<script type="text/javascript" src="jquery.min.js"></script>
	</head>
	<body>

		<div class="">
			e-mail: <input type="text" id="e-mail" name="e-mail" placeholder="e-mail">
			telphone: <input type="text" id="tel" name="tel" placeholder="telphone">
			<input type="submit" id="sub" name="sub" value="提交">
		</div>
		<script>
			$(document).ready(function(){
				var regex = /^\w+@\w+\.com|cn$/;
				var retel = /^[1][3578][0-9]{9}$/;
				var flag = true;
				var msg = '';
				$("#sub").click(function(){
					var con = $("#e-mail").val();
					if(!regex.test(con)){
						msg += '你的e-mail格式输入不正确,';
						flag = false;
					}
					var tel = $("#tel").val();
					if(!retel.test(tel)){
						msg += '并且你的telphone号码输入也有误！！';
						flag = false;
					}
					if(flag){
						msg += '正在提交，请稍后...';
						alert(msg);
					}else{
						msg += '请重新输入！';
						alert(msg);
					}
					window.location.r