JS校验表单项
2015-09-28 21:17
417 查看
HTML
<form> <input type="text" id="isNum" onkeyup="checkRate(this.id)" value=""/> (请输入数字)<br /> <input type="text" id="isEmail" value=""/> (请输入邮箱)<button onclick="checkEmail(document.getElementById('isEmail').value)" >Check</button><br /> <input type="text" id="isMoney" value=""/> (请输入金额)<button onclick="isMoney(document.getElementById('isMoney').value)" >Check</button><br /> <input type="text" id="isIP" value=""/> (请输入IP)<button onclick="isIP(document.getElementById('isIP').value)" >Check</button><br /> <input type="text" id="isMobile" value=""/> (请输入手机号码)<button onclick="checkMobile(document.getElementById('isMobile').value)" >Check</button><br /> </form>
JS
<script type="text/javascript" language="javascript"> /* * js判断数字 */ function checkRate(input){ //var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字,不能为负数. 如2,6,3.5,0.008 //var re = /^[1-9]+[0-9]*]*$/; //判断正整数(不含0) //var re = /^[0-9]+[0-9]*]*$/; //判断正整数(含0) //var re = /^(-)?[1-9]*$/; //负整数 var num = document.getElementById(input).value; if (!re.test(num)) { alert("请输入数字"); document.getElementById(input).value = ""; return false; } } /* * js判断邮箱格式 */ function checkEmail(strEmail){ //var emailReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/; var emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/; if (!emailReg.test(strEmail)) { alert("您输入的Email地址格式不正确!"); return false; } else { alert('ok'); return true; } }; /* * js判断金额 * 检查输入字符串是否符合金额格式,格式定义为带小数的正数,小数点后最多三位 (如:10.003;0.328) */ function isMoney(s){ var regu = "^[0-9]+[\.][0-9]{0,3}$"; var re = new RegExp(regu); if (re.test(s)) { alert('ok'); return true; } else { alert('请输入正确的金额'); return false; } }; /* * js判断IP地址 */ function isIP(strIP){ var re = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式 if (re.test(strIP)) { if ( RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256) { alert('ok'); return true; } } alert("您输入的IP地址格式不正确!"); return false; }; /* * js判断手机号码 */ function checkMobile(strMobile){ var regu = /^[1][0-9][0-9]{9}$/; var re = new RegExp(regu); if (re.test(strMobile)) { alert('ok'); return true; } else { alert('您输入的手机号码格式不正确!') return false; } }; </script>
Find more here: http://www.cnblogs.com/jay-xu33/archive/2010/08/18/1802536.html
相关文章推荐
- JavaScript匿名函数,动态函数,可变参数函数
- JS浮点运算错误的解决
- 深入理解js闭包
- 详解js闭包
- JavaScript总结3—对象
- 【JSOI 2008】【BZOJ 1017】魔兽地图DotR
- JavaScript--面向对象基础
- JS对select及option的操作详解
- Javascript自定义事件
- emberjs学习二(ember-data和localstorage_adapter)
- 小知识
- cmd和amd的区别(js模块化)
- JSON_Foundation_解析本地文件
- jsp 导出
- JSON_JSONKit_ 解析本地文件
- pace.js – 加载进度条插件
- js类方法,对象方法,原型的理解(转)
- js换空格为别的元素
- js 小知识
- JS中语句使用的注意事项