Example of Form action and onSubmit

Example of Form action and onSubmit
First: action is an attribute of form. HTML5 has defined it as a required attribute value. onSubmit is an event, and a function verification is performed when submitting through <input type="submit" />. .

Second: As for the order of execution, my personal understanding is that onSubmit comes first, then verification. When the verification returns false, the action="url" address cannot be reached. If it returns true or no return value is given, it passes and redirects to the URL address.

Copy code
The code is as follows:

function check(){
var oText = document.getElementById("in").value;
alert(oText);
if(oText == "false"){
return false;
}
else {
return true;}
}</span>


Copy code
The code is as follows:

<span style="font-size:14px"> <form action="table1.html" onSubmit="return check();">
<div><input type="text" id="in" /><input type="submit" value="Submit" /></div>
</form></span>

onSubmit="return Fun();" The return here must be written, shouldn't it be written? You can try not to write! ! !

In short: onSubmit is for verification, and action is the link address after the jump.

<<:  JavaScript function detailed introduction

>>:  How to build ssh service based on golang image in docker

Recommend

Vue implements bottom query function

This article example shares the specific code of ...

Use iframe to submit form without refreshing the page

So we introduce an embedding framework to solve th...

MySQL fuzzy query statement collection

SQL fuzzy query statement The general fuzzy state...

Detailed explanation of common template commands in docker-compose.yml files

Note: When writing the docker-compose.yml file, a...

Docker Data Storage Volumes Detailed Explanation

By default, the reading and writing of container ...

Web front-end development experience summary

XML files should be encoded in utf-8 as much as p...

How to install ROS Noetic in Ubuntu 20.04

Disclaimer: Since the project requires the use of...

Sample code for making desktop applications with vue + Electron

1.vue packaging Here we use the vue native packag...

Detailed explanation of the JVM series memory model

Table of contents 1. Memory model and runtime dat...

Detailed explanation of virtual DOM and diff algorithm in react

The role of virtual DOM First of all, we need to ...

A brief discussion on the pitfalls of react useEffect closure

Problem code Look at a closure problem code cause...

MySql COALESCE function usage code example

COALESCE is a function that refers to each parame...

Web page HTML code explanation: ordered list and unordered list

In this section, we will learn about list element...

Detailed explanation of non-parent-child component communication in Vue3

Table of contents First method App.vue Home.vue H...

JavaScript implementation of classic snake game

This article shares the specific code of JavaScri...