JS中关于onSubmit中return的作用

逃离我推掉我的手 2022-08-12 01:28 222阅读 0赞

在写表单处理的时候，经常会用到onSubmit事件，而onSubmit事件经常用到return关键字，比如：

<form name="form1" action = "#" οnsubmit="return rececive()">

这样处理的作用是当点击submit时，调用receive函数，通过receive函数对表单进行初步的判断处理，然后返回true或者false。当返回true时，onSubmit事件就为

onSubmit="return true"

这时进行下一步。

若receive处理之后返回false，则onSubmit事件就为

onSubmit="return false"

这时返回一个false，系统将不会继续运行。

这里return的作用就是对receive函数运行返回的结果，再向上返回，以便能在发现错误时即使停止后面继续将错误的数据拿去运行。

如果不加return的话，那么onSubmit在逻辑上就可以看成

onSubmit="false"

或者

onSubmit="true"

这样也只能算是把false或者true字符串赋值给onSubmit。并不具有一定的功能，即不论表单中是否出现错误，都会继续运行下去。当然，表单中的错误处理也可以通过服务器端进行处理，但是能在前端处理的，就尽量在前端处理，不然会加大服务器的压力。

很多表单处理函数，比如上面说的receive函数，里面也许不会有return true的语句（但是绝对有return false的语句），因为当一个函数顺利运行完成之后，系统将默认的返回一个true，所以true是可选的，但是false却是必须的。

下面来看一下receive函数的大致写法：

function rececive()
    {
        
        var formLength = document.forms['form1'].elements.length;
        for(var i = 0; i < formLength - 1; i++)
        {
            if(document.forms['form1'].elements[i].value.length == 0)
            {
                alert("第" + (i + 1) + "个文本没有输入");
                return false;
            }
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，222人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java中return的作用

目录用于结束程序用于返回数据【写着玩的】根据步兵的不同行为触发骑兵的不同击杀动作 -------------------- 用于结束程序 ![f4a809

太过爱你忘了你带给我的痛/ 2024年03月24日 09:10/ 0 赞/ 5 阅读

相关 form表单的onsubmit() return问题

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAbGl1bGFuZzY4_

川长思鸟来/ 2022年09月10日 04:18/ 0 赞/ 163 阅读

相关 JS中关于onSubmit中return的作用

在写表单处理的时候，经常会用到onSubmit事件，而onSubmit事件经常用到return关键字，比如： <form name="form1" action =

逃离我推掉我的手/ 2022年08月12日 01:28/ 0 赞/ 223 阅读

相关表单提交 onsubmit="return false"

一般，后台程序员与表单打交道的时间是最多的。最近在看老师考试系统的源码，看到了有这么一段代码，当时不是很理解， google寻求帮助。现在来总结一下。

╰半夏微凉°/ 2022年07月19日 00:28/ 0 赞/ 213 阅读

相关 onsubmit="return check();"和onsubmit="check();"的区别

表单是否提交取决于onsubmit事件的返回值。若onsubmit事件返回false，则将阻止表单的提交。如果不返回值，则默认为true。主要区别: οn

浅浅的花香味﹌/ 2022年06月17日 10:28/ 0 赞/ 169 阅读

相关【javaweb：js前端】js事件处理函数中return的作用

[js事件处理函数中return的作用][js_return] 这里面的return含有一些细节知识：例如：onClick='return add\_onclick(

拼搏现实的明天。/ 2022年05月31日 12:40/ 0 赞/ 200 阅读

相关 form表单的onsubmit() return问题

以前在项目中为一个表单（from）编写onsubmit()脚本的时候，经常需要验证表单中数据的合法性，所以常会写道：，试图在validateForm()中return fals

た入场券/ 2022年05月26日 01:57/ 0 赞/ 206 阅读

相关 form表单的onsubmit() return问题

最近写前端小案例，想用到H5自带的表单校验功能，在用到onsubmit时遇到些小问题，在此记录分享一下~ 话不多说，先贴表单代码： <form onsubmit

╰半橙微兮°/ 2022年05月13日 22:57/ 0 赞/ 237 阅读

相关 node.js 关于return

A语句： var data = fs.readFile("./test.txt")； B语句： fs.readFile("./test.txt",function(

我就是我/ 2021年09月17日 01:18/ 0 赞/ 316 阅读

相关 JS 中的return false的作用

在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为. Return False 就相当于终止符,终止默认的事件行为，反之,Return Tru

秒速五厘米/ 2021年09月12日 02:18/ 0 赞/ 423 阅读