<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
</head>
<body>
<p>员工信息录入</p>
<form name="empForm" id="empForm" method="post" action="user.html">
<table border=1>
<tr>
<td>真实姓名(不能为空 ,没有其他要求)</td>
<td><input type="text" id="realname" name="realname" />
</td>
</tr>
<tr>
<td>登录名(登录名不能为空,长度应该在5-8之间,可以包含中文字符(一个汉字算一个字符)):</td>
<td><input type="text" id="username" name="username" /></td>
</tr>
<tr>
<td>密码(不能为空,长度6-12字符或数字,不能包含中文字符):</td>
<td><input type="password" id="psw" name="psw" style="width:120px" /></td>
</tr>
<tr>
<td>重复密码密码(不能为空,长度6-12字符或数字,不能包含中文字符):</td>
<td><input type="password" id="psw2" name="psw2" style="width:120px" /></td>
</tr>
<tr>
<td>性别(必选其一)</td>
<td>
<input type="radio" id="gender_male" value="m" name="gender"/>男
<input type="radio" id="gender_female" value="f" name="gender"/>女
</td>
</tr>
<tr>
<td>身份证(15或18为)</td>
<td><input type="text" id="cart" name="cart" size=20 value="" /></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="button" name="ok" id="ok" value="保存" ></td>
</tr>
</table>
</form>
</body>
<script language="JavaScript">
document.getElementById("ok").οnclick=function(){
/*************************************************************************************************************/
//真实姓名<input type="text" id="realname" name="realname" />
var realnameElemet=document.getElementById("realname");
//第一个指对象存在但没有值,第二个指这个对象根本不存在,第三个指var i;声明
//了这个变量,但未进行初始化。
if(realnameElemet.value==""||realnameElemet.value='null'||realnameElemet.value==undefined){
alert("真实姓名不能为空");
//获取焦点
document.getElementById("username").focus();
//这个return false .让它不再往下走。
return false;
}
//
// var realnameElement=document.getElementById("realname");
// if(realnameElement.value==""||realnameElement.length==0) {
// alert("真实姓名不能为空");
// document.getElementById("realname").focus;
// return false;
// }
///*************************************************************************************************************/
// //登录名 登录名不能为空,长度应该在5-8之间) 可以包含中文字符(一个汉字算一个字符)
// //<input type="text" id="username" name="username" />
// var usernameElement=document.getElementById("username");
// 这个非空的验证应该与上面一样。
// if(usernameElement.value==""||usernameElement.value.length==0){
// alert("登录名不能为空");
// //获取焦点
// usernameElement.focus();
// return false;
// }
// //js中文本的写法在//里面
//使用文本格式定义正则表达式 /pattern/ 不加引号
//构造器函数方法定义正则表达式new RegExp("pattern"),这里需要加""
// var pattern = new RegExp("^[A-Za-z0-9\u4e00-\u9fa5]{0,4}$");
// var regMinLength=/^[A-Za-z0-9\u4e00-\u9fa5]{0,4}$/;
// if(regMinLength.test(usernameElement.value)){
// alert("登陆名的长度不能小于5");
// usernameElement.focus();
// return false;
// }
//
// var regMaxLength=/^[A-Za-z0-9\u4e00-\u9fa5]{9,}$/;
// if(regMaxLength.test(usernameElement.value)){
// alert("登陆名的长度不能大于8");
// usernameElement.focus();
// return false;
// }
// var usernameElement=document.getElementById("username");
// if(usernameElement.value==""||usernameElement.length==0){
// alert("登录名不能为空");
// usernameElement.focus();
// return false;
// }
//
// /*************************************************************************************************************/
// //密码验证:
// /*
// * <td>密码(不能为空,长度6-12字符或数字,不能包含中文字符):</td>
// * <td><input type="password" id="psw" name="psw" style="width:120px" /></td>
// */
// var pswElement=document.getElementById("psw");
// 非常验证还是三个都要用
// if(pswElement.value==""||pswElement.value.length==0){
// alert("密码不能为空");
// pswElement.focus();
// return false;
// }
//
// // ^& 一个开始一个结束 + 表示匹配前面的表达式一次或多次。
// var regPswCn=new RegExp("^[\u4e00-\u9fa5]+$");
// if(regPswCn.test(pswElement.value)){
// alert("密码不能包含中文字符");
// pswElement.focus();
// return false;
// }
//
//
//
// var regPswMin=new RegExp("^[0-9a-zA-Z]{0,5}$");
// if(regPswMin.test(pswElement.value)){
// alert("密码长度不能小于6");
// pswElement.focus();
// return false;
// }
//
// var regPswMax=new RegExp("^[0-9a-zA-Z]{13,}$");
// if(regPswMax.test(pswElement.value)){
// alert("密码长度不能大与12");
// pswElement.focus();
// return false;
// }
//
///*************************************************************************************************************/
// //确认密码验证:
// /*
// * <td>确认密码(不能为空,长度6-12字符或数字,不能包含中文字符):</td>
// * <input type="password" id="psw2" name="psw2" style="width:120px" />
// */
// var psw2Element=document.getElementById("psw2");
// if(psw2Element.value==""||psw2Element.value.length==0){
// alert("确认密码不能为空");
// psw2Element.focus();
// return false;
// }
//
//
// var regPswCn=new RegExp("^[\u4e00-\u9fa5]+$");
// if(regPswCn.test(psw2Element.value)){
// alert("确认密码不能包含中文字符");
// psw2Element.focus();
// return false;
// }
//
//
//
// var regPswMin=new RegExp("^[0-9a-zA-Z]{0,5}$");
// if(regPswMin.test(psw2Element.value)){
// alert("确认密码长度不能小于6");
// psw2Element.focus();
// return false;
// }
//
// var regPswMax=new RegExp("^[0-9a-zA-Z]{13,}$");
// if(regPswMax.test(psw2Element.value)){
// calert("确认密码长度不能大与12");
// psw2Element.focus();
// return false;
// }
//
// var pswValue=document.getElementById("psw").value;
// if(psw2Element.value!=pswValue){
// alert("确认密码和密码不等");
// psw2Element.focus();
// return false;
// }
/*************************************************************************************************************/
// //身份证(15或18为) <input type="text" id="cart" name="cart" style="width:120px" value="" />
var regMinLength=/^\d{0,14}$/;
if(regMinLength.test(this.value)){
return false;
}
var regMaxLength=/^\d{19,}$/;
if(regMaxLength.test(this.value)){
return false;
}
//
// var cartElement=document.getElementById("cart");
// /*
// * 输入身份证的文本框不能为空
// */
// if(cartElement.value==""||cartElement.value.length==0){
// alert("身份证不能为空");
// cartElement.focus();
// return false;
// }
//
/*
* 输入身份证的文本框只能是数字组成
*/
// var regNum=new RegExp("^\\d*$");
// if(!regNum.test(cartElement.value)){
// alert("身份证只能输入数字");
// cartElement.focus();
// return false;
// }
if(cartElement.value.search(regNum)){
alert("身份证只能输入数字");
cartElement.focus();
return false;
}
// var regMinLength=new RegExp("^\\d{0,14}$");
// if(regMinLength.test(cartElement.value)){
// alert("身份证长度不能小于15");
// cartElement.focus();
// return false;
// }
// var regMaxLength=new RegExp("^\\d{19,}$");
// if(regMaxLength.test(cartElement.value)){
// alert("身份证长度不能大于18");
// cartElement.focus();
// return false;
// }
/*************************************************************************************************************/
//<td>性别(必选其一)</td>
//<input type="radio" id="gender_male" value="m" name="gender"/>男
//<input type="radio" id="gender_female" value="f" name="gender"/>女
var flag=false;
var genderElements = document.getElementsByName("gender");
//alert(genderElements.length);
for (var i = 0; i < genderElements.length; i++) {
if (genderElements[i].checked) {
flag = true;
}
}
if (flag == false) {
alert("性别必须选择一个");
return false;
}
/*************************************************************************************************************/
document.forms[0].submit();
}
</script>
</html>
js验证
最新推荐文章于 2024-08-13 00:00:00 发布