html代码获取手机号码

HTML代码获取手机号码

<html>
  <head>
    <title>获取手机号码</title>
  </head>
  <body>
    <p>请输入手机号码:</p>
    <input type="text" name="phone_number" id="phone_number">
    <button onclick="getPhoneNumber()">获取</button>

    <script>
      function getPhoneNumber() {
        var phoneNumber = document.getElementById('phone_number').value;

        // 正则表达式验证手机号码格式
        if (!/^1[3456789]\d{9}$/.test(phoneNumber)) {
          alert('请输入有效的手机号码');
        } else {
          alert('您输入的手机号码是: ' + phoneNumber);
        }
      }
    </script>
  </body>
</html>

html代码获取手机号码

以上是一个简单的HTML代码获取手机号码的示例。首先在网页中添加一个输入框和一个按钮，用户输入手机号码后点击按钮可以获取输入的手机号码。在JavaScript代码中使用正则表达式验证手机号码格式，如果格式不正确则弹出提示框，如果格式正确则将手机号码输出到一个提示框中。

html代码获取手机号码

相关文章