标签:
问题描述:假设在电话号码字段中只能输入数字和+或者-号,不能输入其他字符。
解决方案:
<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