问题描述:假设在电话号码字段中只能输入数字和+或者-号,不能输入其他字符。
解决方案:
<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>
一个小例子留着用~~
时间: 2024-10-12 08:37:58