`
focus2008
  • 浏览: 27370 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

submit表单使用javascript函数控制提交

    博客分类:
  • web
阅读更多
为了说明情况,下面的代码是经过简化的演示:

<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方式防止表单重复提交

    JavaScript作为客户端脚本语言,可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点: 1. **禁用提交按钮**:最简单的预防方法是在用户点击提交按钮后立即将其禁用。这可以通过监听`...

    Js 表单提交验证函数(很全了)

    在JavaScript中,表单提交...总之,JavaScript表单提交验证函数是网页开发中不可或缺的一部分,通过合理的组合使用内置函数、HTML5新特性及自定义函数,可以构建出强大而灵活的验证机制,确保用户输入的数据准确无误。

    javascript弹出层表单提交代码

    综上所述,实现"javascript弹出层表单提交代码"涉及到了JavaScript的基础知识,如DOM操作、事件处理、异步通信,以及一些高级技巧,如使用第三方库提高开发效率。同时,良好的用户体验和数据验证也是不可忽视的部分...

    常用的表单提交判断函数

    本文将详细探讨一些常用的JavaScript函数,用于表单提交时的数据验证。 1. **字符串验证** - **非空检查**:`if (inputValue.trim() === '')`,检查输入字段是否为空。 - **长度限制**:`if (inputValue.length |...

    javascript控制页面重复提交

    本篇文章将详细探讨如何使用JavaScript来控制页面的重复提交,确保每个表单仅提交一次。 首先,我们要理解JavaScript在此过程中的基本原理。在JavaScript中,我们可以利用全局变量来跟踪表单是否已经提交过。当用户...

    js实现定时提交表单

    下面将详细介绍如何使用JavaScript实现定时提交表单的功能。 首先,我们需要理解表单(Form)的基本结构和事件。在HTML中,表单元素通常由`&lt;form&gt;`标签定义,包含各种输入控件如`&lt;input&gt;`、`&lt;textarea&gt;`等。表单...

    javascript经典特效---用链接来提交表单.rar

    在JavaScript的世界里,表单提交通常通过`&lt;form&gt;`元素的`submit`事件来实现,但有时为了提供更友好的用户体验或特殊的交互效果,我们可能会选择使用链接(`&lt;a&gt;`标签)来触发表单的提交。这个"javascript经典特效---...

    防止Layui form表单重复提交的实现方法

    在上述函数中,如果需要在禁止表单默认提交行为的同时,与服务器进行数据交互,则可以使用JavaScript的XMLHttpRequest或者现代的Fetch API来异步提交表单数据。使用AJAX提交表单数据的好处是,可以避免页面刷新,...

    JavaScript检查表单是否为空的函数

    本篇文章将详细介绍一个JavaScript函数,该函数可以用于检查表单中的文本框(`&lt;input type="text"&gt;`)是否为空以及检查单选按钮(`&lt;input type="radio"&gt;`)或复选框(`&lt;input type="checkbox"&gt;`)是否被选中。...

    【JavaScript源代码】HTML form表单提交方法案例详解.docx

    对于`&lt;button&gt;`,因为其不具有自动提交功能,所以需要在JavaScript中手动调用`submit()`方法来提交表单。 3. **表单级事件处理**:使用`onsubmit`事件处理函数,可以为整个表单添加验证逻辑。当表单被提交时,`...

    C#代码与javaScript函数的相互调用

    2. **在C#中调用JavaScript函数**:使用`Page.RegisterStartupScript`方法来注册一段客户端脚本,从而在页面加载时执行指定的JavaScript函数: ```csharp Page.RegisterStartupScript("ggg", "&lt;script&gt;SetVisible...

    js提交表单的三种方式

    在JavaScript中,提交表单是网页交互中的常见操作,它允许用户输入数据并将其发送到服务器进行处理。这里我们将详细探讨三种主要的表单提交方式:默认的HTML表单提交、JavaScript事件处理以及Ajax异步提交。 1. **...

    JavaScript表单验证控制代码大全

    在JavaScript中,我们通常使用`addEventListener`来监听表单的`submit`事件,当用户尝试提交表单时触发验证函数。 3. **输入类型验证** HTML5引入了新的输入类型如`email`、`number`、`url`等,它们提供了基本的...

    页面提交submit的几种方法

    这里的`onsubmit`属性指定了一个JavaScript函数`stat()`,该函数的作用是验证表单数据的有效性,如果返回`true`则提交表单;反之,则不提交。 #### 方法三:结合`&lt;input type="submit"&gt;`和JavaScript进行复杂验证 ...

    表单点击提交按钮后变成灰色.rar

    1. 事件监听:JavaScript可以通过addEventListener或attachEvent(IE浏览器)来监听表单提交的`submit`事件,当用户点击提交按钮时触发相应的处理函数。 2. 阻止默认行为:在处理函数中,可以使用`event....

    JavaScript event(事件) 字符串长度控制及Form表单提交控制

    在本主题中,我们将深入探讨JavaScript中的事件、字符串长度控制以及如何对Form表单进行提交控制。 首先,我们来讨论JavaScript事件。事件是用户与网页进行交互时产生的动作,比如点击按钮、滚动页面或填写表单。...

    使用jQuery.form插件,实现完美的表单异步提交

    本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form插件的基本用法。在开始之前,请确保已经在项目中引入了jQuery库以及jQuery.form插件。通常,这两个文件可以通过...

    可实现多表单提交的javascript函数

    本文将详细讲解如何使用一个名为`submitForm`的JavaScript函数来实现多表单的提交,并探讨相关的编程概念。 `submitForm`函数是这样的: ```javascript function submitForm(formId, action) { var form = ...

    浅析一个表单多个Submit按钮的简单实现方法.pdf

    该方法可以分为两种情形:一种是每个Submit按钮对应不同的JavaScript函数,另一种是所有Submit按钮使用同一个JavaScript函数,但对应不同的函数参数。 第二个解决方案是使用HTML的Form标记中的action属性。该方法...

    Ajax使用jQuery提交表单 文件

    在这个“Ajax使用jQuery提交表单 文件”中,我们将探讨如何利用jQuery实现Ajax提交表单,从而实现异步数据传输,提高用户体验。 首先,我们需要理解jQuery中的Ajax函数`$.ajax()`。这是一个核心函数,可以进行各种...

Global site tag (gtag.js) - Google Analytics