form表单的提交方式
1,form表单对象调属性的提交方式
submit提交:
<form onsubmit = "checkForm()">
< input type ="submit" >
</from>
var flag = true;
var loginForm = document.loginForm;
var email = document.getElementById("email");
var pass = document.getElementById("pass");
if(email.value==""){
flag = false;
alert("邮箱不能为空");
}
if(pass.value==""){
flag = false;
alert("密码不能为空");
}
return flag;
}
function checkForm01(){
var flag = true;
var f = document.getElementById("loginF");
var email = document.getElementById("name");
var pass = document.getElementById("password");
var pass1 = document.getElementById("password1");
if(email.value==""){
flag = false;
alert("账号不能为空");
}
if(pass.value==""){
flag = false;
alert("密码不能为空");
}
if(pass.value!=pass1.value){
flag = false;
alert("密码不一致");
}
if(flag){
f.submit();
}
}
<input type="button" value="提交" οnclick="checkForm01()" >
点击button的时候触发 onclick事件 从而执行checkForm01() 函数提交;
表单重置:
form调用属性重置:
<form onreset = "函数">
<input type = "reset" value = "重置">
</form>
在点击重置的时候执行函数 。在重置之前执行一些动作;