前端页面添加验证码功能

 校验页面的数据不能为空

function CheckUserName(){
			if ($('loginname').value != '') {//登录名不能为空
				if ($('password').value != '') {//登录密码不能为空
					if ($('userInputVerifyCode').value != '') {  //验证码不能为空
						var yzmlength=$('userInputVerifyCode').value.length;
						if (yzmlength != 4) {//检验验证码的长度
							Dialog.alert("验证码长度或者格式不正确");
							$('userInputVerifyCode').focus();
							return false;
						}
						document.form1.submit();
					} else {
						Dialog.alert("验证码不能为空");
						$('userInputVerifyCode').focus();
						return false;
					}
				} else {
					Dialog.alert("密码不能为空");
					$('password').focus();
					return false;
				}
			} else {
				Dialog.alert("用户名不能为空");
				$('loginname').focus();
				return false;
			}
		}

form表单页面集成验证码

<form action="login.xp" method="post" id="form1" name="form1" onSubmit="CheckUserName();return false;">
			<input type="hidden" value="0" name="mode" id="mode">
			<input type="hidden" value="" name="token" id="token"/> 
			<input type="hidden" name="doAction" id="doAction" value="login">
			<input type="hidden" size="12" value="$!challenge" name="challenge" id="challenge"/>
			<input type="hidden" size="12" value="" name="response" id="response"/>
			<input name="eidpin" id="eidpin" type="hidden" class="bk" val