首页 > 其他 > 详细

验证电话号码

时间:2015-09-23 18:31:59      阅读:138      评论:0      收藏:0      [点我收藏+]

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

解决方案:

<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>



一个小例子留着用~~

 

验证电话号码

原文:http://www.cnblogs.com/qdmaomao/p/4832696.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!