原生javascript手机验证

﹏ヽ暗。殇╰゛Y 2023-06-13 04:51 3阅读 0赞

**body**

<input type="number" id="ipt" min="1" max="11" style="width: 200px;height: 20px;" required>
        <button onclick="mydome()">yangzheng</button>
        <p>如果输入的数字小于 1 或大于11，会提示错误信息。</p>
         <p id="yz"></p>

**script**

function mydome(){
                var iptobj = document.getElementById('ipt');
                if(iptobj.checkValidity()==false){   //setCustomValidity  validationMessage
                    document.getElementById('yz').innerHTML= iptobj.validationMessage;
                }else{
                    document.getElementById('yz').innerHTML='ok'
                }
            }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eWxlMjAxOTA0_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eWxlMjAxOTA0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191114090829213.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eWxlMjAxOTA0,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关手机验证码

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title><

快来打我*/ 2024年03月22日 17:15/ 0 赞/ 132 阅读

相关原生javascript表单验证实例教程

表单验证是web前端最常见的功能之一，也属于前端开发的基本功。自己完成一个表单验证的开发，也有助于加深对字符串处理和正则表达式的理解。学习本教程之前，读者需要具备html和

我会带着你远行/ 2023年07月21日 06:12/ 0 赞/ 17 阅读

相关原生javascript手机验证

body <input type="number" id="ipt" min="1" max="11" style="width: 200px;height: 20p

﹏ヽ暗。殇╰゛Y/ 2023年06月13日 04:51/ 0 赞/ 4 阅读

相关原生javascript方法checkValidity验证金额转账

body  <div> 转账金额(1)：<input id=

╰半夏微凉°/ 2023年06月13日 04:38/ 0 赞/ 1 阅读

相关原生javascript的账号密码登录验证

body <p>登陆验证</p> 账号：<input id="num" type="text" name="username" /><br

深藏阁楼爱情的钟/ 2023年06月13日 03:19/ 0 赞/ 64 阅读

相关 java注册手机验证码_java手机验证码实现

packagecom.gkzy.core.util;import java.io.\;importjava.io.IOException;importjava.io.Input

末蓝、/ 2022年11月01日 15:53/ 0 赞/ 311 阅读

相关 JavaScript正则表达式验证手机号格式

<input type="text" placeholder="请输入手机号" class="inp" name="uphone" id="uphone" style=

Myth丶恋晨/ 2022年02月15日 07:55/ 0 赞/ 449 阅读

相关 JS 验证手机号，验证身份证

//验证手机号 function checkMobile(phone) { var rgx = new RegExp("^(13[0-9]|1

朱雀/ 2022年02月14日 02:47/ 0 赞/ 404 阅读

相关 Javascript正则表达式（手机号和身份证验证）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

迷南。/ 2021年11月23日 16:40/ 0 赞/ 469 阅读

相关 JavaScript - 正则验证手机号/座机号码输入

正则验证手机号/座机 regxTest (val) { let phone = /^((13[0-9])|(14[5,7,9])|(15[^4]

电玩女神/ 2021年07月26日 23:31/ 0 赞/ 692 阅读