【HTML+CSS】

html标签属性

2019-09-16  本文已影响0人  装在壳子里的刺猬

oninput实时判断input框里面的值是不是符合要求

<style>
    span{
        display: none;
        color: red;
        margin:0 auto 15px;
        width: 300px;
        }
</style>
<input id="mobile" name="mobile" required="required"  type="number" placeholder="请输入账号"  oninput="check()" />
<script>
<span class="isphone">请输入正确的11位手机号码</span>
// 判断手机号是不是11位
    function check() {
        var mobile = $("#mobile").val();
        if(mobile.length>11){
            mobile=mobile.slice(0,11)
        }
        if(mobile.length==11){
            $(".code_message").attr("onclick", "sendMessage()");
            $(".code_message").css("background", "#5E7CDC");
            $('.isphone').css('display','none')
        }else{
            $(".code_message").removeAttr("onclick")
            $('.isphone').css('display','block')
        }
    }
</script>

在form表单中使用button时,使用input type=button

上一篇 下一篇

猜你喜欢

热点阅读