Rumah > hujung hadapan web > tutorial js > 使用jQuery如何实现手机号正则验证输入

使用jQuery如何实现手机号正则验证输入

亚连
Lepaskan: 2018-06-14 11:32:27
asal
2185 orang telah melayarinya

这篇文章主要介绍了jQuery实现手机号正则验证输入及自动填充空格功能,涉及jQuery事件响应、字符串遍历及正则判断等相关操作技巧,需要的朋友可以参考下

本文实例讲述了jQuery实现手机号正则验证输入及自动填充空格功能。分享给大家供大家参考,具体如下:

先来看看运行效果(在删除时连删即可):

具体代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <input type="text" id="inp">
  <script src="jquery-1.12.3.min.js"></script>
  <script>
    $(function(){
      $("#inp").keyup(function(){
      /*
      手机号验证时:
       var pattern = /^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/;
      pattern.test(str);
      */
        _self = $(this);
        if(_self.val().length == 3 || _self.val().length == 8){
          var str = _self.val()+" ";
          _self.val(str);
        }
      });
    });
  </script>
</body>
</html>
Salin selepas log masuk

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

通过nodejs使用http模块发送请求(详细教程)

使用jQuery+CSS如何实现table表格

如何使用Vue实现评论框架

Atas ialah kandungan terperinci 使用jQuery如何实现手机号正则验证输入. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan