`
focus2008
  • 浏览: 26508 次
  • 性别: 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源代码】HTML form表单提交方法案例详解.docx

     form表单提交方式总结一下: 一、利用submit按钮实现提交,当点击submit按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action指定的地址...

    JavaScript详解(第2版)

     13.7.4 将事件传递给JavaScript函数   13.7.5 鼠标坐标   13.7.6 按键事件   13.8 处理事件的脚本模型   13.9 应知应会   练习   第14章 CSS与JavaScript   14.1 什么是CSS   14.2 什么是...

    JS定义网页表单提交(submit)的方法

    主要介绍了JS定义网页表单提交(submit)的方法,实例分析了javascript实现表单提交执行自定义函数的方法,具有一定参考借鉴价值,需要的朋友可以参考下

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

    [removed] function submitForm(formId,action){ var form=document.getElementById(formId); form.action=action; form.submit(); } [removed] 传个表单ID和url进去就行了~

    JavaScript阻止表单提交方法(附代码)

    &lt;body&gt; &lt;... &lt;p&gt;name:&lt;input type="text" name="user" id="user"&gt... 第一种方法:利用event的阻止默认事件机制,页面载入之后获得submit元素,然后为submit注册click响应函数,参数为event事件。 在用户

    javascript 解决表单仍然提交即使监听处理函数返回false

    input type=”submit” /&gt; &lt;/form&gt; [removed] var code = function () { return false; }; var element = window.document.getElementById(“form”); if (element.addEventListener) { element....

    JavaScript语言参考手册

    这一章对应于使用表单,表单是出现在文档中用于从用户获得输入的。 Form 属性 方法 Hidden 属性 Text 属性 方法 Textarea 属性 方法 Password 属性 方法 FileUpload 属性 方法 Button 属性 方法 Submit 属性 方法 ...

    KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定

    Knockout是一个以数据模型(data model)为基础的能够帮助你创建富文本,响应显示和编辑用户界面的JavaScript类库。任何时候如果你的UI需要自动更新(比如:更新依赖于用户的行为或者外部数据源的改变),KO能够很...

    一句话JavaScript表单验证代码

    表单的客户端javascript验证有各种各样的写法,登录为form的onsubmit事件或submit按扭写一个函数。对于小表单(只有一两个表单域的表单)就不必再专门再用javascript写一个验证函数了,只需要在form的onsubmit事件里...

    javaScript常用事件

    submit buttons(提交按钮) 例如可通过下列按钮激活change()文件: &lt;Form&gt; ()"&gt; 2.onLoad页面加载事件:当页面加载时,自动调用函数(方法)。注意:此方法只能写在标签之中! 3.onScroll窗口滚动事件:当页面...

    JavaScript中文参考手册

    这一章对应于使用表单,表单是出现在文档中用于从用户获得输入的。 Form 属性 方法 Hidden 属性 Text 属性 方法 Textarea 属性 方法 Password 属性 方法 FileUpload 属性 方法 Button 属性 方法 ...

    不同浏览器对回车提交表单的处理办法

    (注释1) 所以,如果要控制提交行为的话(比如,提交前检查必填项是否已填),可以在type=”submit”的“input”后添加Javascript“onXXX(比如onClick)”事件。而如果需要用异步交互来检测相关字段,则无效了。...

    jquery-safeform:防止多表单提交的jQuery插件

    jquery-safeform 防止多个表单提交的 jQuery ... 函数上下文将被设置为表单元素,如 jQuery.submit(...) 方法。 方法 $().safeform(选项) 将安全格式插件附加到元素集合。 $ ( '#example' ) . safeform ( { time

    js验证表单 js验证表单

    js表单验证控制代码大全 /* 目录: 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能...

    lambda-form:使用 AWS Lambda 处理表单提交的无服务器服务

    使用 AWS Lambda 处理表单提交的服务。 联系表单通常通过电子邮件发送给提交者和表单的创建者/所有者。 此无服务器功能处理向双方发送电子邮件。 部署此函数并创建关联的 s3 存储桶以存储表单配置和提交。 创建...

    详解JavaScript的内置对象

    例如,表单的“提交”(Submit),时间的“获取”(getYear)等; JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象: var objectName =new Array();//使用new关键字...

    pureValidator:纯 Javascript 验证功能旨在与 cakePHP 和 Ruby on Rails 配合使用

    指定的每个输入(用于验证)都应该有一个唯一的 ID 以及一个前面的标签输入 ID 中不能有破折号 - 如果要限制用户在没有 JavaScript 的情况下提交表单提交按钮,则必须具有禁用属性表单提交按钮必须是 type="submit...

    两个SUBMIT按钮,如何区分处理

    一个FORM表单中有两个SUBMIT按钮(例如“修改”“删除”),只有一个ACTION处理页面 在此ACTION页面中如何区分是处理“修改”呢还是处理“删除”? 方法1: 假如FORM表单是这样的: &lt;INPUT Type=”Submit” ...

    javascript setTimeout()传递函数参数(包括传递对象参数)

    于是,上网查找了一下,用了另一种写法setTimeout(”fun(“+参数+”)”, 1000),还是不行,但是以上写法在传递form表单的textarea是可以的,比如hml是这样: 代码如下: &lt;body&gt; ”main”&gt; ”showpane” class=...

    jQuery事件及绑定.pptx

    当表单提交时触发 select() 当文本框(包括和中的文本被选中的时触发) scroll() 当滚动条发生变化时触发 resize() 当调整浏览器窗口大小时触发 2、事件的绑定 bind() 方法:可以向被选元素添加一个或多

Global site tag (gtag.js) - Google Analytics