诚接仿站/建站业务:798088888

当前位置:首页 >> PB 教程 >> Pbootcms文章

pbootcms给留言表单增加一个js11位手机号验证

来源:本站 发布时间:2022-09-07 10:59:56 热度:46 ℃
  <form action="{pboot:msgaction}"  method="post">
						<div class="inli">
							<input type="text" name="realname" id="realname" value="" placeholder="您的称呼">
						</div>
						<div class="inli">
							<input type="text" name="phone" id="mobilePhoneNumber" onchange="checkMobilePhoneNumber(this.value)" value="" placeholder="11位手机号">
						</div>
						<div class="inli">
							<input type="text" name="area" id="area3" value="" placeholder="面积,m²">
						</div>
						<div class="btnli">
							<input type="submit" onclick="footer_fd();" id="" value="获取报价">
						</div>
					</form>
					
					

<script type="text/javascript">
	$(function() {
		$("#mobilePhoneNumber").change(function() {
			var mobilePhoneNumber = $("#mobilePhoneNumber").val();
			mobilePhoneNumber = $.trim(mobilePhoneNumber);
			if (!/^1[3|5|8][0-9]d{4,8}$/.test(mobilePhoneNumber)) {
				alert("您输入的手机号码不正确");
			} 
		});
	});
	
	/* 	function checkMobilePhoneNumber(obj) {
			if (!/^1[3|5|8][0-9]d{4,8}$/.test(obj)) {
				alert("您输入的手机号码不正确");
			} else {
				alert(obj);
			}
		}
	 */
</script>		

 <form action="{pboot:msgaction}"  method="post">

<div class="inli">

<input type="text" name="realname" id="realname" value="" placeholder="您的称呼">

</div>

<div class="inli">

<input type="text" name="phone" id="mobilePhoneNumber" onchange="checkMobilePhoneNumber(this.value)" value="" placeholder="11位手机号">

</div>

<div class="inli">

<input type="text" name="area" id="area3" value="" placeholder="面积,m²">

</div>

<div class="btnli">

<input type="submit" onclick="footer_fd();" id="" value="获取报价">

</div>

</form>


<script type="text/javascript">

$(function() {

$("#mobilePhoneNumber").change(function() {

var mobilePhoneNumber = $("#mobilePhoneNumber").val();

mobilePhoneNumber = $.trim(mobilePhoneNumber);

if (!/^1[3|5|8][0-9]d{4,8}$/.test(mobilePhoneNumber)) {

alert("您输入的手机号码不正确");

});

});

/* function checkMobilePhoneNumber(obj) {

if (!/^1[3|5|8][0-9]d{4,8}$/.test(obj)) {

alert("您输入的手机号码不正确");

} else {

alert(obj);

}

}

*/

</script>


如果你的问题还没有解决,点击无忧资源网pbootcms模板 加入交流群一起学习交流。支持与鼓励站长,请扫码赞赏一下站长最后那几根倔强的头发。

  • 微信支付

    微信扫一扫

  • 支付宝支付

    支付宝扫一扫

 
QQ在线咨询
售前客服
仿站/建站