<form action="xx" id="loginform" method="POST" >
<div>用户名:<input type="text" name="user_name" id="user_name" /></div>
<input type="submit" onclick="return doSubmitForm();" name="submit" id="loginbtn" value="登录" class="btnLogin"/>
</form>
<script>
function doSubmitForm(event) {
console.log(777)
event = event || window.event;
// event.preventDefault()
/**
表单提交
规则验证
*/
var pattern = new RegExp("[`~!@#$\\s^&*()=|{}':;,.<>/?~!@#¥……&*()——|【】‘;:'、?%+ \"\\\\]");
var userNameInput = $("#user_name");
var name = userNameInput.val();
if($.trim(name) == '' && $.trim(pass) == '') {
alert("您没有填写用户名和密码");
userNameInput.focus();
return false;
}
if($.trim(name) == '') {
alert("您没有填写用户名");
userNameInput.focus();
return false;
}
return true;
}
</script>
注意点:
- form表单的action
- 表单提交按钮 需要submit类型 ,onclic属性中 一定要return Event()
- js 进行表单验证的时候,一定要reuturn false, (reuturn 当表单格式不正确的时候 ,仍然后执行action)
4.表单中的name属性不能是 submit