表单的提交方式

来源：互联网发布：淘宝种植箱图片及价格编辑：程序博客网时间：2024/05/16 08:52

第一种方式：
//button 按钮结合submit()提交表单
function checkForm() {
if(document.form1.in1.value==”“){

        alert("用户名不能为空");    }else if(document.form1.in2.value.length==0){        alert("密码不能为空。。。");    }else{        alert("提交成功！");        form1.submit();//提交表单    }}

在input中的 type=”button” value=”提交” onclick=”checkForm()”

第二种方式：
//subnit按钮结合onclick方法
function checkForm2() {
if(document.form1.in1.value==”“){

        alert("用户名不能为空");        return false;    }else if(document.form1.in2.value.length==0){        alert("密码不能为空。。。");        return false;    }else{        alert("提交成功！");        return true;    }}//区别：调用方式以及具有返回值

在input 中type=”button” value=”提交” onclick=”checkForm()”
第三种方式：
//submit按钮结合onsummit()方法
function checkForm3() {
if(document.form1.in1.value==”“){

        alert("用户名不能为空");        return false;    }else if(document.form1.in2.value.length==0){        alert("密码不能为空。。。");        return false;    }else{        alert("提交成功！");        return true;    }}//区别 ：调用的方式

要在form标签中设置 action=”#”name=”form1” method=”post” onsubmit=”return checkForm3()”

0 0