用户注册信息表单验证

程序员文章站 2022-06-01 22:49:23

...

用户注册信息表单验证

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>验证</title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				//点击事件
				$("#submit").click(function(){
					yz()
				})
				//定义一个验证的函数
				function yz()
				{
					//获取所有的文本框的val的值
					var name=$("#name").val()
					var phone=$("#phone").val()
					var id=$("#identity").val()
					var address=$("#address").val()
					var str=""
					//判断name不为空
					if(name.length==0)
					{
						str+="姓名输入为空 \n"
						$("#name").focus()
					}
					else
					{
						//验证名字是不是中文
						if(ischinaname(name)==false)
						{
							str+="名字格式不合法"
						}
					}
//					验证中文
					function ischinaname(name)
					{
						var pattern=/^[\u4E00-\u9FA5]{1,6}/
						return pattern.test(name)
					}
					//手机号码
					if(phone.length==0)
					{
						str+="手机号码不能为空\n"
						$("#phone").focus()
					}
					else
					{
						if(isphone(phone)==false)
						{
							str+="手机号码格式不正确\n"
							$("#phone").focus()
						}
					}
					//验证手机号码
					function isphone(phone)
					{
						var pattern=/^1[3578]\d{9}$/
						return pattern.test(phone)
					}
					if(id.length==0)
					{
						str+="身份证号码不为空 \n"
						$("#identity").focus()
					}
					else
					{
						if(isid(id)==false)
						{
							str+="身份证号码格式不对\n"
							$("#identity").focus().val("")
						}
					}
					//验证身份证号码
					function isid(id)
					{
						var pattern=/(^\d{15}$)|(^\d{18}$)|(^\d{17}(x|X)$)/
						return pattern.test(id)
					}
					if(address.length==0)
					{
						str+="地址不为空\n"
					}
					//判断str有没有值 如果为空代表所有格式合法，不为空代表不合法，弹出
					if(str!="")
					{
						alert(str)
						return false;
					}
					else
					{
						alert("输入内容正确")
					}
				}
			})
		</script>
	</head>
	<body>
		 <form action="">
        <div class="form-group">
            <label>姓名：</label>
            <input id="name" type="text">
        </div>
        <div class="form-group">
            <label>手机号：</label>
            <input id="phone" type="text">
        </div>
        <div class="form-group">
            <label>身份证：</label>
            <input id="identity" type="text">
        </div>
        <div class="form-group">
            <label class="label-textarea">邮寄地址：</label>
            <textarea id="address"></textarea>
        </div>
        <div class="btn-group">
            <button class="btn btn-md btn-purple" type="reset">取消</button>
            <button class="btn btn-md btn-purple ml-20" id="submit" type="button">提交</button>
        </div>
    </form>
	</body>
</html>

用户注册信息表单验证

用AJAX实现页面登陆以及注册用户名验证的简单实例

php用户注册（前台完美js验证）

注册用户时，email总是验证不过去，函数失效

php用户注册ID验证正则表达式

用户注册时发送注册验证邮件是怎么实现的？

使用jQuery validate 验证注册表单实例演示_jquery

求经验，关于SESSION 存储用户验证信息

用户注册功能：输入验证码后点击空处，自动核对输入的验证码是否正确。如果正确，在验证码框框后面显示一个绿色的对勾

ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能_jquery

javaScript 简单验证代码（用户名，密码，邮箱)_表单特效