表单验证-字段检测

注册时需要填写信息，如密码、身份证号、电话号码、邮箱等信息，这些信息的格式都有一顶的要求，如密码不小于6位等要求，可使用js脚本对这些输入数据进行检测，当输入格式不符合要求时，系统自动弹出出错信息。

1、script标签内添加验证函数

格式如下,当满足正确的格式时可返回true

<script type="text/javascript">
    function check(){
        if(条件不满足) return false;
        else return true;
    }
</script>

2、验证函数

列举一部分可能用到的验证函数

•  密码长度不能过短，如果小于6位则返回false，且系统弹出出错信息

if(document.form1.pw_doctor.value.length<6){
		window.alert("密码过短，不能少于6个字符！");
		document.form1.pw_doctor.focus();
		return false;
	}

• 两次输入密码一致，（密码类型设置为password，网页上不可见，两次输入密码以保证密码正确），只需判断两次输入值是否相等，注意是值，必须有value

if(document.form1.pw2_doctor.value!=document.form1.pw_doctor.value){
		window.alert("两次密码不一致！");
		document.form1.pw_doctor.focus();
		return false;
	}

• 姓名不能为空，值不能为空

if(document.form1.name_doctor.value==""){
		window.alert("姓名不能为空！");
		document.form1.name_doctor.focus();
		return false;
	}

 

• 电话号码必须为11位数字，11次循环，判断每一位上的字符均为0-9之间的数字

for(i=0;i<11;i++){
		if(document.form1.tel_doctor.value.charAt(i)<'0'||document.form1.tel_doctor.value.charAt(i)>'9'){
			window.alert("电话号码格式不正确！");
			document.form1.tel_doctor.focus();
			return false;
		}}

• 电子邮箱中必须含有.@信息，在输入信息中寻找.和@的位置，查找位置为-1，则代表为寻找到该字符，直接返回false

if((document.form1.mail_doctor.value.indexOf('@',0)==-1)||(document.form1.mail_doctor.value.indexOf('.',0)==-1)){
		window.alert("电子邮箱格式不正确！");
		document.form1.mail_doctor.focus();
		return false;
	}	

3、表单提交时调用验证函数进行检测

             表单提交时调用验证函数，如过验证函数返回值为true，则可成功提交数据

<form action="跳转路径" name="form1" method="post" onSubmit="return check()"></form>