JavaScript基础知识4

form表单的提交方式 

1，form表单对象调属性的提交方式

submit提交：

<form onsubmit = "checkForm()">

< input type  ="submit" >

</from>

function checkForm(){
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;
} 

点击submit的时候执行checkForm()函数，函数返回的是true则执行提交 返回的false 则不提交

1，form表单对象调方法的提交方式

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="提交" onclick="checkForm01()" >

点击button的时候触发 onclick事件 从而执行checkForm01() 函数提交；

表单重置：

  form调用属性重置：

<form onreset = "函数">

<input type = "reset" value = "重置">

</form>

在点击重置的时候执行函数  。在重置之前执行一些动作；