联系表格7 phon验证

时间:2017-12-28 18:13:18

标签: javascript jquery wordpress

我接受了一次面试,他们让我制作了一个登陆页面,对登录号码进行了验证,他将在9到10个数字长度之间进行验证,并再次确认phon号码必须以数字“0”开头所有这些与联系表7,有些人怎么做?

2 个答案:

答案 0 :(得分:2)

例如,联系表格7中的电话号码字段会有一个ID(电话号码)

设置最大位数:

<script type="text/javascript">
    jQuery("#phone-number").keypress(function(ev){
$("#phone-number").attr('maxlength','10');
});
</script>

将0设为第1位数:

<script type="text/javascript">
jQuery("#phone-number").keyup(function(ev){
    var x = $(this).val();
if(x.indexOf('0')!==0){

     $('#phone-number').val('');
   }
jQuery('#phone-number').bind('input propertychange', function() {
        var x = jQuery(this).val();
        if(x.indexOf('0')!==0){
            jQuery('.val_msg').show();
        }
        else{
            jQuery('.val_msg').hide();
        }
});
});
</script>

还可以添加以下行或编辑按钮,例如:

<input type="text" name="reg_phno" id="phone-number" required><span class="val_msg" style="display: none;">Please Start Your Number with 0 & maximum of 9 or 10 Numbers</span>

答案 1 :(得分:1)

您可以尝试使用联系表单7中的此短代码进行长度和数字验证的电话号码验证:[tel* tel-964 minlength:9 maxlength:10]