Maison interface Web js tutoriel js中return false(阻止)的用法_jquery

js中return false(阻止)的用法_jquery

May 16, 2016 pm 05:25 PM
false return

return false 阻止表单提交不起今天这个问题困扰了我很久,在网上找了很多资料,基本上关于onsubmit=return false有以下几点要注意的地方:

1. return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方。如下PHP函数代码,第一个if条件符合则函数值返回布尔型false,可以返回一个函数的值,并且跳出这个函数;只要遇到return语句,程序就在那一行代码停止执行,执行控制将立刻返回到调用该程序的代码处。

复制代码 代码如下:

function chkinput(form)
{
if(form.title.value=="")
{
alert("请输入文章标题!");
form.title.select();
return false; //注意不能写成 return(false); 2009.12.15
}

if(form.content.value=="")
{
alert("文章正文不能为空@!!");
form.content.select();
return false;
}

return true;
}

2.form的onsubmit属性的触发问题,onsubmit 事件什么时候触发?onsubmit 事件会在表单中的确认按钮被点击时发生。不触发的原因有一般如下:

A. onsubmit属性的触发时机是在form用input:submit这样的button提交时才会触发,否则不会触发。如果是用一个普通input:button,则在onclick属性中指定一个javascript函数,在这个函数里面再执行form的submit()函数,而不是onsubmit属性。

B. 先看一段代码:
复制代码 代码如下:






点击submit按钮该表单并未提交。因为有一处应该改为(红色字体)
原来onsubmit属性就像是
这个html对象的一个方法名,其值(一字符串)就是其方法体,默认返回true;

和Java一样,在该方法体中你可以写任意多个语句,包括内置函数和自定义函数。

在这里submitTest()虽然返回false,但我们只执行了此函数,没有对其结果进行任何处理。

而onsubmit="return submitTest()利用到了它的返回值,达到了预期效果。

3.事件处理函数返回false的问题,在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.

例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页.
Return False 就相当于终止符,Return True 就相当于执行符。
在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你的
onclick时间(如果你指定的话)以外还要触发一个默认事件就是执行页面的跳转。所以如果
你想取消对象的默认动作就可以return false。return false应用比较多的场合有:
复制代码 代码如下:


1, 超级链接
2,
3,
内容





submitAction 方法里面有提交表单的动作。如果不加 return false,

在执行完 submitAction 之后,submit 按钮还会继续执行它的默认事件,就会再次提交表单。这可能就是很多错误的根源。
的确,return false的含义不是阻止事件继续向顶层元素传播,而是阻止浏览器对事件的默认处理。你可以这样试验:
首先将所有的js脚本注释掉,在IE浏览器中尝试拖动一下图片,你会发现鼠标会成为禁止操作的样式,图片是被禁止拖动的,它是浏览器针对mousemove事件所提供的默认行为。

return false就是为了去掉这种行为,否则就会出现你描述的中断事件连续执行。
另外,和return false等效的语句为:

window.event.returnValue = false,
你可以把return false替换为此语句并进行验证。
最后说明一下,此种方式只适用于IE浏览器。

在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你的
onclick时间(如果你指定的话)以外还要触发一个默认事件就是执行页面的跳转。所以如果
你想取消对象的默认动作就可以return false。return false应用比较多的场合有:
复制代码 代码如下:

......

dddd
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Explication détaillée de l'utilisation de return en langage C Explication détaillée de l'utilisation de return en langage C Oct 07, 2023 am 10:58 AM

L'utilisation de return en langage C est la suivante : 1. Pour les fonctions dont le type de valeur de retour est void, vous pouvez utiliser l'instruction return pour terminer l'exécution de la fonction plus tôt. 2. Pour les fonctions dont le type de valeur de retour n'est pas void, la fonction de ; l'instruction return sert à terminer l'exécution de la fonction.Le résultat est renvoyé à l'appelant ;3. Terminer l'exécution de la fonction plus tôt que prévu.À l'intérieur de la fonction, nous pouvons utiliser l'instruction return pour terminer l'exécution de la fonction plus tôt. si la fonction ne renvoie pas de valeur.

Quel est l'ordre d'exécution des instructions return et enfin en Java ? Quel est l'ordre d'exécution des instructions return et enfin en Java ? Apr 25, 2023 pm 07:55 PM

Code source : publicclassReturnFinallyDemo{publicstaticvoidmain(String[]args){System.out.println(case1());}publicstaticintcase1(){intx;try{x=1;returnx;}finally{x=3;}}}# Sortie La sortie du code ci-dessus peut simplement conclure : return est exécuté avant finalement. Jetons un coup d'œil à ce qui se passe au niveau du bytecode. Ce qui suit intercepte une partie du bytecode de la méthode case1 et compare le code source pour annoter la signification de chaque instruction dans

Comment Vue3 utilise-t-il le sucre syntaxique de configuration pour refuser d'écrire le retour Comment Vue3 utilise-t-il le sucre syntaxique de configuration pour refuser d'écrire le retour May 12, 2023 pm 06:34 PM

Le sucre de syntaxe de configuration de Vue3.2 est un sucre de syntaxe au moment de la compilation qui utilise l'API combinée dans un composant de fichier unique (SFC) pour résoudre la configuration lourde de Vue3.0. Les variables, fonctions et contenus déclarés introduits par l'importation sont exposés via. return, afin qu'ils puissent être utilisés dans Vue3.0. Problèmes d'utilisation 1. Il n'est pas nécessaire de renvoyer les variables, fonctions et contenus déclarés introduits par import lors de l'utilisation. Vous pouvez utiliser du sucre syntaxique //importer le contenu introduit import{getToday. }from'./utils'//variable constmsg='Bonjour !'//function func

Explication détaillée des valeurs de retour de la fonction JavaScript et des instructions de retour Explication détaillée des valeurs de retour de la fonction JavaScript et des instructions de retour Aug 04, 2022 am 09:46 AM

Les fonctions JavaScript fournissent deux interfaces pour interagir avec le monde extérieur. Les paramètres servent d'entrée pour recevoir des informations externes ; la valeur de retour sert de sortie pour renvoyer les résultats de l'opération vers le monde extérieur. L'article suivant vous amènera à comprendre la valeur de retour de la fonction JavaScript et à analyser brièvement l'utilisation de l'instruction return. J'espère qu'elle vous sera utile !

Utilisez le mot-clé return en JavaScript Utilisez le mot-clé return en JavaScript Feb 18, 2024 pm 12:45 PM

L'utilisation de return en JavaScript nécessite des exemples de code spécifiques. En JavaScript, l'instruction return est utilisée pour spécifier la valeur renvoyée par une fonction. Non seulement il peut être utilisé pour terminer l’exécution d’une fonction, mais il peut également renvoyer une valeur à l’endroit où la fonction a été appelée. L'instruction return a les utilisations courantes suivantes : Renvoyer une valeur L'instruction return peut être utilisée pour renvoyer une valeur à l'endroit où la fonction est appelée. Voici un exemple simple : functionadd(a,b){

Comment utiliser la valeur de retour en Python Comment utiliser la valeur de retour en Python Oct 07, 2023 am 11:10 AM

L'utilisation de la valeur de retour Python est que lorsque la fonction exécute l'instruction return, l'exécution s'arrêtera immédiatement et la valeur spécifiée sera renvoyée à l'endroit où la fonction a été appelée. Utilisation détaillée : 1. Renvoie une seule valeur ; 2. Renvoie plusieurs valeurs ; 3. Renvoie une valeur nulle 4. Terminez l'exécution de la fonction plus tôt.

Comment utiliser l'instruction return en JavaScript Comment utiliser l'instruction return en JavaScript Feb 26, 2024 am 09:21 AM

Comment utiliser return en JavaScript nécessite des exemples de code spécifiques. En JavaScript, return est un mot-clé très important. Il est généralement utilisé pour renvoyer une valeur dans une fonction ou terminer l'exécution d'une fonction. L'instruction return est utilisée pour renvoyer une valeur à l'appelant de la fonction et terminer l'exécution de la fonction. L'instruction return peut être utilisée n'importe où dans une fonction et peut renvoyer n'importe quel type de données JavaScript, y compris des nombres, des chaînes, des booléens,

En Java, une fois l'instruction return dans une méthode exécutée, le bloc final sera-t-il exécuté ? En Java, une fois l'instruction return dans une méthode exécutée, le bloc final sera-t-il exécuté ? Sep 17, 2023 pm 03:05 PM

Oui, le bloc final est exécuté même après l'instruction return dans la méthode. En Java, le bloc final sera exécuté, qu'une exception se produise ou non. Si nous appelons explicitement la méthode System.exit() dans le bloc final, alors seulement elle ne sera pas exécutée. Il existe de rares situations où l'exécution ne sera finalement pas exécutée, comme un crash de la JVM, une panne de courant, un crash logiciel, etc. Sauf dans ces cas, le bloc final sera toujours exécuté. Exemple publicclassFinallyBlockAfterReturnTest{ publicstaticvoidmain(St

See all articles