js验证手机号及消息提示

最新推荐文章于 2022-10-09 17:29:29 发布

芃蓉蓁蓁

最新推荐文章于 2022-10-09 17:29:29 发布

阅读量294

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45609759/article/details/113244107

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

 // 验证手机号
 function isPhoneNo(phone) {
     var pattern = /^1[34578]\d{9}$/;
     return pattern.test(phone);
 }

// 设置消息提示框
<input type="text" class="form-control" id="tableName" placeholder="请输入手机号" data-toggle="tooltip" data-placement="top">
<script>
function showPopover(target, msg) {
  target.attr("data-original-title", msg);
  $('[data-toggle="tooltip"]').tooltip();
  target.tooltip('show');
  target.focus();
  //2秒后消失提示框
  var id = setTimeout(
    function () {
      target.attr("data-original-title", "");
      target.tooltip('hide');
    }, 2000
  );
}

// 伪代码
if(!isPhoneNo(phoneNum)){
	showPopover($("#tableName"),"请输入正确的手机号");
}
</script>