注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

融智技术学院

融智技术学院163分站,为广大好友提供更多的帮助

 
 
 

日志

 
 

【JavaScript每日一问】jQuery用form.submit()触发处理,但是事实上没有提交,怎么办?  

2014-04-01 13:18:07|  分类: JavaScript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
Q

我有一个有提交按钮和处理的表单。其处理一些确认事件,如果确认不是cool完成prenventDefault()

我有第二个按钮在我的表单中可以不进行确认就提交。我思维逻辑这样的:这个按钮添加一个指示类,不是去确认,然后触发提交事件。这个提交事件不管有没有确认过都会检查。

部分代码:

  •     //Add handler for no-validation submit
        $(
    '#button-no-falco').click(function() {
            $(
    '#form').addClass('no-falco');
            $(
    '#form').submit();
        });
  • $('#form').submit(function(e) {
           
    //If form has no-falco, don't validate.
           
    if ($(this).hasClass('no-falco')) {
                console.log(
    "Skipping validation. Just submit.");
               
    return;
            }
  • //Validation code
  • e.preventDefault();
  • });

HTML部分代码

  • <form role="form" method="post" action="{{action_url}}" name="edit-object">
       
    <!-- bunch of inputs -->
       
    <button type="submit" id="submit" class="btn btn-default">Save!</button>
       
    <button type="button" id="button-no-falco" class="btn btn-default">No validation</button>
    </form>

而现在单击button-no-falco按钮会跳过正确认操作,这里的时间日志信息这样显示。然而时间表达没有执行提交操作。

如果我单击了正式的提交按钮(在单击另外的按钮之后)表单提交了。

这是怎么回事?

A:

改一下submit的按钮id,像下面的方式

  • <button type="submit" class="btn btn-default">Save!</button>
    <button type="button" id="button-no-falco" class="btn btn-default">No validation</button>

示例:http://jsfiddle.net/arunpjohny/978JS/

它重载了表单方法submit.submit()调用失败的原因

 

温馨提示:您的支持与理解,是我们工作最大的动力。如果您是从网上购买的图书,请在对应的网店,给予本书一个好评,我们将衷心感谢!!!
以下是《
HTML+CSS网页设计详对应的购书评论地址:
当当网:http://product.dangdang.com/23423206.html
亚马逊:http://www.amazon.cn/dp/B00IICLL8W
京东网:http://item.jd.com/11406922.html

  评论这张
 
阅读(7)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017