码迷,mamicode.com
首页 > 其他好文 > 详细

验证电话号码

时间:2015-09-23 18:32:54      阅读:154      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!