Home >
Web Front-end >
JS Tutorial >
onsubmit prevents form submission and onclick related operations_javascript skills
onsubmit prevents form submission and onclick related operations_javascript skills
WBOY
Release: 2016-05-16 18:20:22
Original
1111 people have browsed it
1. The return value problem of return. Once there is a return value in the function, 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. function
function chkinput(form) { if(form.title.value=="") { alert("Please enter the article title!"); form.title.select(); return false ; }
if(form.content.value=="") { alert("The article text cannot be empty@!!"); form.content .select(); return false; }
return true; }
2. The problem of triggering the onsubmit attribute of the form, what is the onsubmit event? When is it triggered? 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.
Click the submit button and the form is not submitted. Because there is one place that should be changed to the following code:
after the submitAction is executed, 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 and try dragging the image in the IE browser. , you will find that the mouse will become a prohibited operation, and the picture is prohibited from being dragged. It is the default behavior provided by the browser for the mousemove event. Return false is to remove this behavior, otherwise you will appear. The interrupt events described are executed continuously. In addition, the statement equivalent to return false is: window.event.returnValue = false, You can replace return false with this statement and verify it. Finally, please note that this method only applies 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. The occasions where return false is commonly used include: dddd
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