表单的提交方式

最新推荐文章于 2021-06-24 14:21:58 发布

hbj_曙光

最新推荐文章于 2021-06-24 14:21:58 发布

阅读量494

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/u011240216/article/details/71080791

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了三种表单提交前的验证方法：使用button按钮结合submit()提交、submit按钮结合onclick方法以及submit按钮结合onsubmit方法。每种方法都有其特定的调用方式及返回值处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种方式：
//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=”提交” οnclick=”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=”提交” οnclick=”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” οnsubmit=”return checkForm3()”