<div class="content"> <div class="login-wrap"> <form id="user_login" action=""> <h3>登 录</h3> <input class="name" name="" id="accountName" type="text" placeholder="请输入用户名"> <input class="code" name="password" id="password" type="password" placeholder="请输入密码"> <div class="btn"> <input type="button" id="submit" class="submit" value="登录" onclick="return check(this.form)"> <input type="reset" id="reset" class="reset" value="重置" > </div> <div id="CheckMsg" class="msg"></div> </form> </div></div><script>//验证表单是否为空，若为空则将焦点聚焦在input表单上，否则表单通过，登录成功 function check(form){var accountName = $("#accountName"),$password = $("#password") var accountName = accountName.val(),password = $password.val() if(!accountName || accountName == ""){showMsg("请输入用户名") form.accountName.focus () return false }if(!password || password == ""){showMsg("请输入密码") form.password.focus () return false } //这里为用ajax获取用户信息并进行验证，如果账户密码不匹配则登录失败，如不需要验证用户信息，这段可不写 $.ajax({url : systemURL,// 获取自己系统后台用户信息接口data :{"password":password,"accountName":accountName},type : "GET",dataType: "json",success : function(data) {if (data){if (data.code == "1111") { //判断返回值，这里根据的业务内容可做调整setTimeout(function () {//做延时以便显示登录状态值 showMsg("正在登录中...") console.log(data) window.location.href = url//指向登录的页面地址 },100)} else {showMsg(data.message)//显示登录失败的原因return false }}},error : function(data){showMsg(data.message) }})}//错误信息提醒function showMsg(msg){$("#CheckMsg").text(msg)}//监听回车键提交$(function(){document.onkeydown=keyDownSearch function keyDownSearch(e) {// 兼容FF和IE和Operavar theEvent = e || window.event var code = theEvent.keyCode || theEvent.which || theEvent.charCode if (code == 13) {$('#submit').click()//具体处理函数return false }return true }})</script>常规方法，在你的验证后面加提交就行了document.getElementById(’form1‘).submit()
还有种方式通过ajax提交，可以实现提交表单页面无刷新
var url = '......'
if ( window.XMLHttpRequest ) {
xmlHttp = new XMLHttpRequest()
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
}
xmlHttp.open( "POST", url, true )
xmlHttp.setRequestHeader("Content-Type", "multipart/form-data")
xmlHttp.onreadystatechange = function (){
if( xmlHttp.readyState == 4 &&xmlHttp.status == 200 ){
var text= xmlHttp.responseText
}
}
xmlHttp.send( paramaters)
如果你会jquery，那就更简单，用$.ajax()就行了，具体使用看API就行了
有两个地方错了
onsubmit="return checkUserid()" 加上 return
alert("你忘记输入用户名了！")
document.loginForm.usermame.focus()
下面那个 username 的name 写成mame了
