验证电话号码

问题描述：假设在电话号码字段中只能输入数字和+或者-号，不能输入其他字符。

解决方案：

<script type="text/javascript">
    $(document).ready(function(){
        $('.error').hide();  //.error 隐藏
        $('.submit').click(function(event){  //点击submit的时候执行函数
            var data = $('.infobox').val(); //获取infobox的值并赋值给data
            if(validate_phoneno(data)){  //当validate_phoneno函数值为true的时候
                $('.error').hide(); //.error 隐藏
            }else{  
                $('.error').show(); //.error 显示
                event.preventDefault(); // 取消事件的默认行为,
            }

        });
    });
    function validate_phoneno(ph){ //执行函数将返回一个布尔值（boolean）
        var pattern = new RegExp(/^[0-9-+]+$/);  //匹配规则
        return pattern.test(ph); //返回true或者false
    };

</script>

<form action="" id="signup" method="post">
    <div>
        <span class="label">Enter Age:</span>
        <input type="text" class="infobox" name="age" />
        <span class="error">Only numericals allowed</span>
    </div>
        <input type="submit" value="Submit" class="submit" />
</form>

一个小例子留着用~~

 

转载于:https://www.cnblogs.com/qdmaomao/p/4832696.html