JavaWeb开发——注册登录的表单验证

在JavaWeb项目的开发中，注册与登录的格式验证是最基础的一个功能，不知你是否厌倦了alert弹窗警告，或许我们可以尝试在表单旁边输出提示信息。

接下来，让我们通过 javascript 来实现基本的格式验证。

<script language="javascript">
//flag1、flag2、flag3、flag4用来判断上一个表单信息是否填写正确
	var flag1 = 0; 
	function checkName(){
		var name = document.form.userName.value; //获取表单的信息
		var reg=/^\w{3,10}$/; //验证格式，3-10位字母、数字或下划线
		if(name == ""){
            //格式错误，在namespan框中显示提示信息
			document.getElementById("namespan").innerHTML = "用户名不能为空"; 
            //重新获取该表单的焦点
			document.form.userName.focus(); 
			return false;
		}else if(name.length<3||name.length>10){
            //格式错误，在namespan框中显示提示信息
			document.getElementById("namespan").innerHTML = "格式错误，长度为3-10个字符";
            //重新获取该表单的焦点
			document.form.userName.focus();
			return false;
		}else if(!(reg.test(name))){
            //格式错误，在namespan框中显示提示信息
			document.getElementById("namespan").innerHTML = "格式错误，只能是字母、数字或下划线";
            //重新获取该表单的焦点
			document.form.userName.focus();
			return false;
		}else{
			flag1 = 1;
            //格式正确，红色提示信息变为空
			document.getElementById("namespan").innerHTML = "";
			return tru