电话校验问题---失败不提交

最新推荐文章于 2022-02-17 13:02:04 发布

ccclych1

最新推荐文章于 2022-02-17 13:02:04 发布

阅读量309

点赞数

分类专栏：项目小问题-----解决方法文章标签： java

本文链接：https://blog.csdn.net/ccclych1/article/details/88640055

版权

项目小问题-----解决方法专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>
<head>
    <title>Title</title>
    <script type="text/javascript">
        function checkTel(){
            var mytel=document.getElementById('telphone');
            var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
            var isMob=/^((\+?86)|(\(\+86\)))?(13[012356789][0-9]{8}|15[012356789][0-9]{8}|18[02356789][0-9]{8}|147[0-9]{8}|1349[0-9]{7})$/;
            var value=mytel.value.trim();
            if(isMob.test(value)||isPhone.test(value)){
                document.getElementById('msg').innerHTML='';
                $("#btnSubmit").attr("disabled",false);        //可以点击按钮提交
            }else{
                document.getElementById('msg').innerHTML='电话号码格式不对，请重输';
                $("#btnSubmit").attr("disabled",true);         //不可以点击按钮提交信息
            }
        }
    </script>
</head>
<body>
    <form action="/b.do" method="post">
        <input type="tel" id="telphone" onblur="checkTel()">
        <input type="text">
        <div id="msg" style="color:red"></div>
        <input id="btnSubmit" type="submit" value="提交">
    </form>
</body>
</html>

js中设置按钮可点击与不可点击，默认是可点击的

(1)设置按钮不可点击

document.getElementById("bt1").disabled=ture;

(2)设置按钮可点击

document.getElementById("bt1").disabled=false;

2、jq中设置按钮可点击与不可点击，默认是可点击的

(1)设置按钮不可点击

$("#bt1").attr("disabled",ture);

(1)设置按钮可点击

$("#bt1").attr("disabled",false);

3、标签中设置按钮不可点击

在标签中添加属性disabled="true"