电话号码 表单验证

这段内容展示了一个网页表单中电话号码输入的验证过程。当用户点击预约按钮时,JavaScript函数会检查输入框中的值。如果值为空或者不匹配11位中国大陆手机号码的正则表达式,则会弹出相应的错误提示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<input class="dx-down" type="text" value="" placeholder="请输入电话号码">

<a href="#"><img src="images/yuyue.png" alt=""  class="yuyue"/></a>


js 



<script>
$(function () {
$(".yuyue").click(function () {
var phval = $(".dx-down").val();


if (phval == "请输入手机号") {
alert("请输入手机号");
return false;
} else if (!/^1[35789]\d{9}$/.test(phval)) {
alert("请输入正确的手机号");
return false;
}
});




});
</script>


样式:

.dx-down  {
  1. width7.91666667rem;
  2. height1.94444444rem;
  3. backgroundnone;
  4. bordernone;
  5. positionabsolute;
  6. color #b9b9b9 ;
  7. left0.13888889rem;
  8. top0.13888889rem;
  9. font-size0.55555556rem;
  10. text-aligncenter;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值