javascript与正则表达式的验证案例
研究了一下javascript和正则表达式那做一些练习吧!数据有效性验证: //判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); if(str.length==0){ alert('对不起,文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称! } } //判断日期类型是否为YYYY-MM-DD格式的类型 function IsDate(){ var str = document.getElementById('str').value.trim(); if(str.length!=0){ var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; var r = str.match(reg); if(r==null) alert('对不起,您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称! 1. } } //判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型 function IsDateTime(){ var str = document.getElementById('str').value.trim(); if(str.length!=0){ var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; var r = str.match(reg); if(r==null) alert('对不起,您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称! 1. } } //判断日期类型是否为hh:mm:ss格式的类型 function IsTime() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/ if(!reg.test(str)){ alert("对不起,您输入的日期格式不正确!");//请将“日期”改成你需要验证的属性名称! 1. } } } //判断输入的字符是否为英文字母 function IsLetter() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[a-zA-Z]+$/; if(!reg.test(str)){ alert("对不起,您输入的英文字母类型格式不正确!");//请将“英文字母类型”改成你需要验证的属性名称! 1.1.1. } } } //判断输入的字符是否为整数 function IsInteger() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[-+]?\d*$/; if(!reg.test(str)){ alert("对不起,您输入的整数类型格式不正确!");//请将“整数类型”要换成你要验证的那个属性名称! 1. } } } //判断输入的字符是否为双精度 function IsDouble(val) { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[-\+]?\d+(\.\d+)?$/; if(!reg.test(str)){ alert("对不起,您输入的双精度类型格式不正确!");//请将“双精度类型”要换成你要验证的那个属性名称! 1.1. } } } //判断输入的字符是否为:a-z,A-Z,0-9 function IsString() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[a-zA-Z0-9_]+$/; if(!reg.test(str)){ alert("对不起,您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称! 1.1. } } } //判断输入的字符是否为中文 function IsChinese() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[\u0391-\uFFE5]+$/; if(!reg.test(str)){ alert("对不起,您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称! 1.1. } } } //判断输入的EMAIL格式是否正确 function IsEmail() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if(!reg.test(str)){ alert("对不起,您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称! 1.1. } } } //判断输入的邮编(只能为六位)是否正确 function IsZIP() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^\d{6}$/; if(!reg.test(str)){ alert("对不起,您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称! 1.1. } } } //判断输入的数字不大于某个特定的数字 function MaxValue() { var val = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[-+]?\d*$/; if(!reg.test(str)){//判断是否为数字类型 if(val>parseInt('123')) //“123”为自己设定的最大值 { alert('对不起,您输入的数字超出范围');//请将“数字”改成你要验证的那个属性名称! 1. } } } }
另一种写法:下面是在form表单提交时验证 ,加个属性 onsubmit="return on_submit()" 类似这样
<form action="" method="post" name="form1" onsubmit="return on_submit()"><form/>
如果return on_submit() 返回true则提交,返回false不提交。
<script type="text/javascript"> function checkeaccount(account){ var Expression = /^\d{1,8}$/; var objRex = new RegExp(Expression); if(objRex.test(account)){ return true; }else{ return false; } } function checkeusername(username){ var Expression = /^[a-zA-Z]{1,10}$/; var objRex = new RegExp(Expression); if(objRex.test(username)){ return true; }else{ return false; } } function checkeaddress(address){ var Expression = /^\w{1,50}$/; var objRex = new RegExp(Expression); if(objRex.test(address)){ return true; }else{ return false; } } function checkebalance(balance){ var Expression = /^([1-9]{1}\d{1,7})?$|^([1-9]{1}\d {1,7}\.\d{1,2})?$/; var objRex = new RegExp(Expression); if(objRex.test(balance)){ return true; }else{ return false; } } function on_submit(){ var account = form1.account.value; var username = form1.username.value; var address = form1.address.value; var charge = form1.charge.value; if(account == ""){ alert("帐号不能为空,请输入帐号!"); form1.account.focus(); return false; } if(!checkeaccount(account)){ alert("您输入的帐号不合法!"); form1.account.focus(); return false; } if(username == ""){ alert("姓名不能为空,请输入姓名!"); form1.username.focus(); return false; } if(!checkeusername(username)){ alert("您输入的姓名不合法!"); form1.username.focus(); return false; } if(address == ""){ alert("地址不能为空,请输入地址!"); form1.address.focus(); return false; } if(!checkeaddress(address)){ alert("您输入的联系地址不合法!"); form1.address.focus(); return false; } if(charge == ""){ alert("帐户余额不能为空,请输入帐户余额!"); form1.charge.focus(); return false; } if(!checkebalance(charge)){ alert("您输入的金额不合法!"); form1.charge.focus(); return false; } } </script>
相关推荐
simonzhao0 2020-07-05
stonerkuang 2020-06-01
sswqycbailong 2020-06-01
麋鹿麋鹿迷了路 2020-05-29
ThinkingLink 2020-05-20
delmarks 2020-05-17
tomatoboryj 2020-02-13
Chriswang 2020-04-30
Wmeng0 2020-05-10
Caleb0 2020-04-25
码农成长记 2020-04-19
sunlizhen 2020-04-10
牵手白首 2020-04-08
guozewei0 2020-03-06
donghongbz 2020-03-04
aSuncat 2020-02-29
angqiuli 2020-02-18