Home Web Front-end JS Tutorial Usage of return false (block) in js_jquery

Usage of return false (block) in js_jquery

May 16, 2016 pm 05:25 PM
false return

return false prevents form submission. This problem has troubled me for a long time today. I found a lot of information on the Internet. Basically, there are the following points to note about onsubmit=return false:

1. The return value of return The problem is, once there is a return value in the function return, the following statement will not be executed, but will jump directly to the place where the function is called. In the following PHP function code, if the first if condition is met, the function value returns Boolean false. You can return the value of a function and jump out of the function; as long as the return statement is encountered, the program will stop executing on that line of code, and the execution control will immediately Return to the code that called the program.

Copy code The code is as follows:

function chkinput(form)
{
if(form.title.value=="")
{
alert("Please enter the article title!");
form.title.select();
return false; //Note It cannot be written as return(false); 2009.12.15
}

if(form.content.value=="")
{
alert("The article text cannot be empty@!! ");
form.content.select();
return false;
}

return true;
}

2.form The problem of triggering the onsubmit attribute, when does the onsubmit event trigger? The onsubmit event occurs when the confirm button in the form is clicked. The reasons for not triggering are generally as follows:

A. The triggering time of the onsubmit attribute is when the form is submitted with a button such as input:submit, otherwise it will not be triggered. If you use a normal input:button, specify a javascript function in the onclick attribute, and execute the submit() function of the form in this function instead of the onsubmit attribute.

B. First look at a piece of code:
Copy the code The code is as follows:






Click the submit button and the form is not submitted. Because there is one place that should be changed to (red font)
It turns out that the onsubmit attribute is like the
html object A method name, its value (a string) is its method body, and returns true by default;

Same as Java, you can write any number of statements in the method body, including built-in functions and custom function.

Although submitTest() returns false here, we only executed this function without any processing of its results.

And onsubmit="return submitTest() uses its return value to achieve the expected effect.

3. The problem of event processing functions returning false, in most cases, is the event The handler function returns false to prevent the default event behavior.

For example, by default, clicking an element will jump to the page specified by the href attribute of the element.
Return False Equivalent to the terminator, Return True is equivalent to the executor. The function of return false in js is generally used to cancel the default action. For example, when you click a link, it will trigger your
onclick time. If specified), a default event will be triggered, which is to execute the page jump. So if
you want to cancel the default action of the object, you can return false. Return false is often used in:

<.>
1, Hyperlink
2,
3.
Content




The submitAction method contains the action of submitting the form. If. Without return false,


After executing submitAction, the submit button will continue to execute its default event and the form will be submitted again. This may be the source of many errors.
Indeed, the meaning of return false is not to prevent the event from continuing to propagate to the top-level element, but to prevent the browser from handling the event by default. You can try this:
First comment out all the js scripts, try dragging the image in the IE browser, you will find that the mouse will become a prohibited operation style, the image is prohibited from dragging, it is browsing The default behavior provided by the controller for the mousemove event.

Return false is to remove this behavior, otherwise the interruption event you described will occur and continue to execute.
In addition, the equivalent statement to return false is:

window.event.returnValue = false,
You can replace return false with this statement and verify it.
Finally, this method is only applicable to IE browser.

The function of return false in js is generally used to cancel the default action. For example, when you click a link, in addition to triggering your
onclick time (if you specify it), it also triggers a default event, which is to execute a page jump. So if
you want to cancel the default action of the object, you can return false. There are many occasions where return false is used:
Copy code The code is as follows:

......
dddd
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Detailed explanation of the usage of return in C language Detailed explanation of the usage of return in C language Oct 07, 2023 am 10:58 AM

The usage of return in C language is: 1. For functions whose return value type is void, you can use the return statement to end the execution of the function early; 2. For functions whose return value type is not void, the function of the return statement is to end the execution of the function. The result is returned to the caller; 3. End the execution of the function early. Inside the function, we can use the return statement to end the execution of the function early, even if the function does not return a value.

What is the execution order of return and finally statements in Java? What is the execution order of return and finally statements in Java? Apr 25, 2023 pm 07:55 PM

Source code: publicclassReturnFinallyDemo{publicstaticvoidmain(String[]args){System.out.println(case1());}publicstaticintcase1(){intx;try{x=1;returnx;}finally{x=3;}}}#Output The output of the above code can simply conclude: return is executed before finally. Let's take a look at what happens at the bytecode level. The following intercepts part of the bytecode of the case1 method, and compares the source code to annotate the meaning of each instruction in

How does Vue3 use setup syntax sugar to refuse to write return How does Vue3 use setup syntax sugar to refuse to write return May 12, 2023 pm 06:34 PM

Vue3.2 setup syntax sugar is a compile-time syntax sugar that uses the combined API in a single file component (SFC) to solve the cumbersome setup in Vue3.0. The declared variables, functions, and content introduced by import are exposed through return, so that they can be used in Vue3.0. Problems in use 1. There is no need to return declared variables, functions and content introduced by import during use. You can use syntactic sugar //import the content introduced import{getToday}from'./utils'//variable constmsg='Hello !'//function func

Detailed explanation of JavaScript function return values ​​and return statements Detailed explanation of JavaScript function return values ​​and return statements Aug 04, 2022 am 09:46 AM

JavaScript functions provide two interfaces to interact with the outside world. The parameters serve as the entrance to receive external information; the return value serves as the outlet to feed back the operation results to the outside world. The following article will take you to understand the JavaScript function return value and briefly analyze the usage of the return statement. I hope it will be helpful to you!

Use the return keyword in JavaScript Use the return keyword in JavaScript Feb 18, 2024 pm 12:45 PM

Usage of return in JavaScript requires specific code examples In JavaScript, the return statement is used to specify the value returned from a function. Not only can it be used to end the execution of a function, it can also return a value to the place where the function was called. The return statement has the following common uses: Return a value The return statement can be used to return a value to the place where the function is called. Here is a simple example: functionadd(a,b){

How to use return value in Python How to use return value in Python Oct 07, 2023 am 11:10 AM

Python return value return usage is that when the function executes the return statement, execution will stop immediately and the specified value will be returned to the place where the function was called. Detailed usage: 1. Return a single value; 2. Return multiple values; 3. Return a null value; 4. End the execution of the function early.

How to use return statement in JavaScript How to use return statement in JavaScript Feb 26, 2024 am 09:21 AM

How to use return in JavaScript requires specific code examples. In JavaScript, return is a very important keyword. It is usually used to return a value in a function or end the execution of a function. The return statement is used to return a value to the caller of the function and terminate the execution of the function. The return statement can be used anywhere in a function and can return any JavaScript data type, including numbers, strings, booleans,

SpringBoot interceptor returns false to show how to solve cross-domain problems SpringBoot interceptor returns false to show how to solve cross-domain problems May 13, 2023 pm 05:10 PM

The project recently added an IP black and white list function. I found that if the IP filtering interceptor returns false, the front end will display cross-domain. After trying to modify the MVC configuration class, I found that it still didn't work. Finally, I added a judgment to the interceptor @OverridepublicbooleanpreHandle. (HttpServletRequestrequest,HttpServletResponseresponse,Objecthandler)throwsIOException{//-----------Just add this-----------if(!(handlerinstanceo

See all articles