javascript如何通过正则验证表单
2013-02-27 20:11
447 查看
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function hum(){
var getval=document.getElementById("yhm").value;
var ger=/[\u4e00-\u9fa5]{2,4}/;
if(ger.exec(getval)==null){
document.getElementById("yhm2").innerHTML="<font color=red>用户名不符合规则</font>";
}else{
document.getElementById("yhm2").innerHTML="<font color='#33FF00'>输入正确</font>"
}
}
function ma(){
var getval=document.getElementById("ma").value;
var ger=/\w{10,16}/i;
if(ger.exec(getval)==null){
document.getElementById("ma2").innerHTML="<font color=red>密码不符合规则</font>";
}else{
document.getElementById("ma2").innerHTML="<font color='#33FF00'>输入正确</font>"
}
}
function sfz(){
var getval=document.getElementById("sfz").value;
var ger=/^[1-9]\d{17}/;
if(ger.exec(getval)==null){
document.getElementById("sfz2").innerHTML="<font color=red>身份证不符合规则</font>";
}else{
document.getElementById("sfz2").innerHTML="<font color='#33FF00'>输入正确</font>"
}
}
function ema(){
var getval=document.getElementById("ema").value;
var ger=/[a-z0-9]*\@[a-z0-9]*\.[a-z]{2,}/i;
if(ger.exec(getval)==null){
document.getElementById("ema2").innerHTML="<font color=red>Email不符合规则</font>";
}else{
document.getElementById("ema2").innerHTML="<font color='#33FF00'>输入正确</font>"
}
}
function sjh(){
var getval=document.getElementById("sjh").value;
var ger=/^[1-9]\d{10}/;
if(ger.exec(getval)==null){
document.getElementById("sjh2").innerHTML="<font color=red>手机号不符合规则</font>";
}else{
document.getElementById("sjh2").innerHTML="<font color='#33FF00'>输入正确</font>"
}
}
</script>
</head>
<body>
<center>
<table>
<tr>
<td>用户名:</td>
<td><input type="text" id="yhm" onblur="hum()"></td>
<td><span id="yhm2"></span></td>
</tr>
<tr>
<td>用户密码:</td>
<td><input type="text" id="ma" onblur="ma()"></td>
<td><span id="ma2"></span></td>
</tr>
<tr>
<td>身份证:</td>
<td><input type="text" id="sfz" onblur="sfz()"></td>
<td><span id="sfz2"></span></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" id="ema" onblur="ema()"></td>
<td><span id="ema2"></span></td>
</tr>
<tr>
<td>手机号:</td>
<td><input type="text" id="sjh" onblur="sjh()"></td>
<td><span id="sjh2"></span></td>
</tr>
</table>
</center>
</body>
</html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function hum(){
var getval=document.getElementById("yhm").value;
var ger=/[\u4e00-\u9fa5]{2,4}/;
if(ger.exec(getval)==null){
document.getElementById("yhm2").innerHTML="<font color=red>用户名不符合规则</font>";
}else{
document.getElementById("yhm2").innerHTML="<font color='#33FF00'>输入正确</font>"
}
}
function ma(){
var getval=document.getElementById("ma").value;
var ger=/\w{10,16}/i;
if(ger.exec(getval)==null){
document.getElementById("ma2").innerHTML="<font color=red>密码不符合规则</font>";
}else{
document.getElementById("ma2").innerHTML="<font color='#33FF00'>输入正确</font>"
}
}
function sfz(){
var getval=document.getElementById("sfz").value;
var ger=/^[1-9]\d{17}/;
if(ger.exec(getval)==null){
document.getElementById("sfz2").innerHTML="<font color=red>身份证不符合规则</font>";
}else{
document.getElementById("sfz2").innerHTML="<font color='#33FF00'>输入正确</font>"
}
}
function ema(){
var getval=document.getElementById("ema").value;
var ger=/[a-z0-9]*\@[a-z0-9]*\.[a-z]{2,}/i;
if(ger.exec(getval)==null){
document.getElementById("ema2").innerHTML="<font color=red>Email不符合规则</font>";
}else{
document.getElementById("ema2").innerHTML="<font color='#33FF00'>输入正确</font>"
}
}
function sjh(){
var getval=document.getElementById("sjh").value;
var ger=/^[1-9]\d{10}/;
if(ger.exec(getval)==null){
document.getElementById("sjh2").innerHTML="<font color=red>手机号不符合规则</font>";
}else{
document.getElementById("sjh2").innerHTML="<font color='#33FF00'>输入正确</font>"
}
}
</script>
</head>
<body>
<center>
<table>
<tr>
<td>用户名:</td>
<td><input type="text" id="yhm" onblur="hum()"></td>
<td><span id="yhm2"></span></td>
</tr>
<tr>
<td>用户密码:</td>
<td><input type="text" id="ma" onblur="ma()"></td>
<td><span id="ma2"></span></td>
</tr>
<tr>
<td>身份证:</td>
<td><input type="text" id="sfz" onblur="sfz()"></td>
<td><span id="sfz2"></span></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" id="ema" onblur="ema()"></td>
<td><span id="ema2"></span></td>
</tr>
<tr>
<td>手机号:</td>
<td><input type="text" id="sjh" onblur="sjh()"></td>
<td><span id="sjh2"></span></td>
</tr>
</table>
</center>
</body>
</html>
相关文章推荐
- JavaScript通过正则表达式实现表单验证电话号码
- JavaScript表单通过正则表达式验证电话号码
- JavaScript表单通过正则表达式验证电话号码
- JavaScript通过正则表达式实现表单验证电话号码
- 毕业设计(七)---正则表达式通过js表单验证,快速注册流程,简单MD5加密
- javascript结合正则进行表单验证1
- 用正则表达式和javascript对表单进行全面验证
- 用正则表达式和javascript对表单进行全面验证【转】
- 关于如何在jsp通过javascript获取表单中的值,以及为什么登陆界面刷新以后图片都不见了得原因
- 用正则表达式和javascript对表单进行全面验证
- javascript 表单验证常见正则
- 常用正则表达式,常用表单验证javascript代码
- JS通用表单验证函数,基于javascript正则表达式 [转]
- JavaScript输入表单数据正则验证规则
- 用正则表达式和javascript对表单进行全面验证
- javascript正则表达式验证表单
- javascript结合正则进行表单验证2
- JS通用表单验证函数,基于javascript正则表达式
- 7.5 Javascript:表单验证-正则补充
- JavaScript 表单验证正则表达式大全