表单提交验证，手机号码验证

最新推荐文章于 2024-05-06 16:35:05 发布

谁想轻轻偷走我的吻

最新推荐文章于 2024-05-06 16:35:05 发布

阅读量6.4k

点赞数 2

分类专栏： js HTML

本文链接：https://blog.csdn.net/qq_33382313/article/details/86557390

版权

js 同时被 2 个专栏收录

8 篇文章 1 订阅

订阅专栏

HTML

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>个人注册</title>
  	<meta charset="utf-8">
	<script src="__JK__/js/phone.js"></script>
	<script src="__JK__/js/jquery.min.js"></script>
	<link href="__JK__/css/index.css" rel="stylesheet" type="text/css"/>
</head>
<body>


<div style="width:100%;height:50px;"></div>
<h2 style="width:750px;text-align:center;">请填写个人信息</h2>

<div style="width:700px;margin:0 auto;">
<form action="{:url('index/index/gerenzhuce')}" method="post" id="zhuce"> 
	<div class="iptbox">
		<div style="height:80px;line-height:80px;">姓名：</div>
		<div><input type="" name="gr_xingming" value="{$info.gr_xingming}" placeholder="请输入姓名" class="ipt1" ></div>
	</div>
	<div class="iptbox">
		<div style="height:80px;line-height:80px;">电话：</div>
		<div><input type="" name="gr_tel" value="{$info.gr_tel}" placeholder="请输入电话" class="ipt1" ></div>
	</div>
	<div class="iptbox">
		<div style="height:80px;line-height:80px;">职业：</div>
		<div><input type="" name="gr_zhiye" value="{$info.gr_zhiye}" placeholder="请输入职业" class="ipt1" ></div>
	</div>
	<div class="iptbox">
		<div style="height:80px;line-height:80px;">身份证号：</div>
		<div><input type="" name="gr_shenfenzheng" value="{$info.gr_shenfenzheng}" placeholder="请输入身份证号" class="ipt1" ></div>
	</div>
	<div class="checkbox">
		<div><input name="" type="checkbox" value="" id="xieyi" /></div>
		<div style="height:80px;line-height:80px;color:#666;">我同意<a href="{:url('index/index/xieyi')}" style="color:#ff0000;">"协会协议"</a></div>
	</div>
	
</div>
<input type="" class="btn1" value="确认提交" onclick='check()' />
</form>
<script type="text/javascript">
function check(){
	var gr_xingming = $('input[name="gr_xingming"]').val();
	if(gr_xingming ==  null || gr_xingming == ''){
		alert("姓名不能为空");
   		return false;
	}

	var gr_tel = $('input[name="gr_tel"]').val();
	var re = /^1\d{10}$/;
 	if (!re.test(gr_tel)) {
  		alert("请输入正确手机号码！");
  		return false;
 	}

	var gr_zhiye = $('input[name="gr_zhiye"]').val();
	if(gr_zhiye ==  null || gr_zhiye == ''){
		alert("职业不能为空");
   		return false;
	}

	var gr_shenfenzheng = $('input[name="gr_shenfenzheng"]').val();
	if(gr_shenfenzheng ==  null || gr_shenfenzheng == ''){
		alert("身份证不能为空");
   		return false;
	}

	if($("#xieyi").is(':checked') == false){
		alert("请确认同意协会协议");
   		return false;
	}

	$("#zhuce").submit();
}
</script>

</body>
</html>

谁想轻轻偷走我的吻

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
表单提交验证，手机号码验证

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;个人注册&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;script src="__JK__/js/phone.js"&gt;&lt;/script&gt; &
复制链接

扫一扫

专栏目录