为了说明情况,下面的代码是经过简化的演示:
<input type="submit" value="确 定" name="method:modify" onclick="return confirmSubmit('modify')"/>
function confirmSubmit(methodName)
{
if (methodName == "modify"){
popWindow(formId, url);
return false; // 这里一定要使用return false,才会将控制权交给了popWindow函数
}
}
function popWindow(formId, url)
{
if(...){
$("#formId").prop("action", url).submit();
return true;
}else{
alert("error");
return false;
}
}
上面的代码,我们的目的是,点击按钮时,调用confirmSubmit('modify'); 函数,然后confirmSubmit('modify')函数将提交的控制交给 popWindow(formId, url); 函数,
但是如果在function confirmSubmit(methodName)函数中, 代码popWindow(formId, url); 的后面没有return 语句,或者是 return true; 而不是return false,
那么提交的控制根本就没有交给popWindow(formId, url);函数,不管,popWindow函数中是什么内容,都会向服务器提交。
这里的原因是,popWindow执行完,不管他返回的是true,还是false,confirmSubmit()函数都会继续执行下去。popWindow函数中的return语句只能回到confirmSubmit函数,但是她不是confirmSubmit函数的返回值。所以popWindow(formId, url);和return false;这两天语句可以合成一条语句:return popWindow(formId, url);将popWindow函数的返回值同时也做为confirmSubmit函数的返回值。
分享到:
相关推荐
JavaScript作为客户端脚本语言,可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点: 1. **禁用提交按钮**:最简单的预防方法是在用户点击提交按钮后立即将其禁用。这可以通过监听`...
在JavaScript中,表单提交...总之,JavaScript表单提交验证函数是网页开发中不可或缺的一部分,通过合理的组合使用内置函数、HTML5新特性及自定义函数,可以构建出强大而灵活的验证机制,确保用户输入的数据准确无误。
综上所述,实现"javascript弹出层表单提交代码"涉及到了JavaScript的基础知识,如DOM操作、事件处理、异步通信,以及一些高级技巧,如使用第三方库提高开发效率。同时,良好的用户体验和数据验证也是不可忽视的部分...
本文将详细探讨一些常用的JavaScript函数,用于表单提交时的数据验证。 1. **字符串验证** - **非空检查**:`if (inputValue.trim() === '')`,检查输入字段是否为空。 - **长度限制**:`if (inputValue.length |...
本篇文章将详细探讨如何使用JavaScript来控制页面的重复提交,确保每个表单仅提交一次。 首先,我们要理解JavaScript在此过程中的基本原理。在JavaScript中,我们可以利用全局变量来跟踪表单是否已经提交过。当用户...
下面将详细介绍如何使用JavaScript实现定时提交表单的功能。 首先,我们需要理解表单(Form)的基本结构和事件。在HTML中,表单元素通常由`<form>`标签定义,包含各种输入控件如`<input>`、`<textarea>`等。表单...
在JavaScript的世界里,表单提交通常通过`<form>`元素的`submit`事件来实现,但有时为了提供更友好的用户体验或特殊的交互效果,我们可能会选择使用链接(`<a>`标签)来触发表单的提交。这个"javascript经典特效---...
在上述函数中,如果需要在禁止表单默认提交行为的同时,与服务器进行数据交互,则可以使用JavaScript的XMLHttpRequest或者现代的Fetch API来异步提交表单数据。使用AJAX提交表单数据的好处是,可以避免页面刷新,...
本篇文章将详细介绍一个JavaScript函数,该函数可以用于检查表单中的文本框(`<input type="text">`)是否为空以及检查单选按钮(`<input type="radio">`)或复选框(`<input type="checkbox">`)是否被选中。...
对于`<button>`,因为其不具有自动提交功能,所以需要在JavaScript中手动调用`submit()`方法来提交表单。 3. **表单级事件处理**:使用`onsubmit`事件处理函数,可以为整个表单添加验证逻辑。当表单被提交时,`...
2. **在C#中调用JavaScript函数**:使用`Page.RegisterStartupScript`方法来注册一段客户端脚本,从而在页面加载时执行指定的JavaScript函数: ```csharp Page.RegisterStartupScript("ggg", "<script>SetVisible...
在JavaScript中,提交表单是网页交互中的常见操作,它允许用户输入数据并将其发送到服务器进行处理。这里我们将详细探讨三种主要的表单提交方式:默认的HTML表单提交、JavaScript事件处理以及Ajax异步提交。 1. **...
在JavaScript中,我们通常使用`addEventListener`来监听表单的`submit`事件,当用户尝试提交表单时触发验证函数。 3. **输入类型验证** HTML5引入了新的输入类型如`email`、`number`、`url`等,它们提供了基本的...
这里的`onsubmit`属性指定了一个JavaScript函数`stat()`,该函数的作用是验证表单数据的有效性,如果返回`true`则提交表单;反之,则不提交。 #### 方法三:结合`<input type="submit">`和JavaScript进行复杂验证 ...
1. 事件监听:JavaScript可以通过addEventListener或attachEvent(IE浏览器)来监听表单提交的`submit`事件,当用户点击提交按钮时触发相应的处理函数。 2. 阻止默认行为:在处理函数中,可以使用`event....
在本主题中,我们将深入探讨JavaScript中的事件、字符串长度控制以及如何对Form表单进行提交控制。 首先,我们来讨论JavaScript事件。事件是用户与网页进行交互时产生的动作,比如点击按钮、滚动页面或填写表单。...
本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form插件的基本用法。在开始之前,请确保已经在项目中引入了jQuery库以及jQuery.form插件。通常,这两个文件可以通过...
本文将详细讲解如何使用一个名为`submitForm`的JavaScript函数来实现多表单的提交,并探讨相关的编程概念。 `submitForm`函数是这样的: ```javascript function submitForm(formId, action) { var form = ...
该方法可以分为两种情形:一种是每个Submit按钮对应不同的JavaScript函数,另一种是所有Submit按钮使用同一个JavaScript函数,但对应不同的函数参数。 第二个解决方案是使用HTML的Form标记中的action属性。该方法...
在这个“Ajax使用jQuery提交表单 文件”中,我们将探讨如何利用jQuery实现Ajax提交表单,从而实现异步数据传输,提高用户体验。 首先,我们需要理解jQuery中的Ajax函数`$.ajax()`。这是一个核心函数,可以进行各种...