验证:失去焦点弹出对话框value===========================================================
<input type="text" class="inputh" value="" id="name" name="name" οnblur="f_check(this)"/>
----------------------------
<script>
function f_check(obj){
var reg=/^[\w]{2,}$/;
if(!obj.value.match(reg)){
alert("用户名格式不正确!");
obj.focus();
}
}
</script>
表单提交时逐项验证===========================================================
<form id="loginForm" method="post" name="loginform" action="UserServlet?action=login" onsubmit = "return check()">
<input class="text" type="text" id="userId" name="username" />
<input class="text" type="password" id="password" name="password" />
<div id="error"></div>
<input type="submit" name="submit" value="立即登录" />
</form>
----------------------------
<script type="text/javascript">
function check(){
var username=document.getElementById("username");
var password=document.getElementById("password");
var error =document.getElementById("error");
if(username.value==""){
error.innerHTML="<font color=\"red\">用户名不能为空!</font>";
username.focus();
return false;
}else if(password.value==""){
error.innerHTML="<font color=\"red\">密码不能为空!</font>";
password.focus();
return false;
}
return true;
}
</script>
表单提交自动正则验证各项,同时锁定任务栏document.getElementById=====================