Javascript jQuery阻止提交输入以发送表单

Javascript jQuery阻止提交输入以发送表单,javascript,jquery,forms,submit,form,onsubmit,return,Javascript,Jquery,Forms,Submit,Form,Onsubmit,Return,屏幕上有几个表单,其中一个有输入(提交)。 该输入的JS绑定单击事件为: $('input#next').click(function(e){ e.preventDefault(); e.stopPropagation(); ... some other checks ... bSubmit = dateField.val().match(/\d{2}\/\d{2}\/\d{4}/); return bSubmit; }); 问题是表单仍然发送,这不应该发生。如果

屏幕上有几个表单,其中一个有输入(提交)。 该输入的JS绑定单击事件为:

$('input#next').click(function(e){
   e.preventDefault();
   e.stopPropagation();
   ... some other checks ...
   bSubmit = dateField.val().match(/\d{2}\/\d{2}\/\d{4}/);
   return bSubmit;
});

问题是表单仍然发送,这不应该发生。

如果返回的
bSubmitp
值不是false
,则将提交
表单

使用返回真值的
表示按钮必须工作添加是为了。。。和
-提交按钮用于发送表单-

如果您想不惜一切代价禁用,我建议使用预定义的
返回false

可以是:

  • 在中的标记上,类似:

  • 其他

编辑 另外。。您可以将
输入类型:submit
更改为一个
按钮
然后使用
jQuery
(验证后)发送表单

当按下enter键时,为了防止表单提交,请将其指出…
需要满足两个条件(没有javascript)

  • 输入类型:提交表单中的按钮
  • 多个输入字段

  • 如果返回的
    bSubmitp
    值不是false
    ,则将提交
    表单

    使用返回真值的
    表示按钮必须工作添加是为了。。。和
    -提交按钮用于发送表单-

    如果您想不惜一切代价禁用,我建议使用预定义的
    返回false

    可以是:

    • 在中的标记上,类似:

    • 其他

    编辑 另外。。您可以将
    输入类型:submit
    更改为一个
    按钮
    然后使用
    jQuery
    (验证后)发送表单

    当按下enter键时,为了防止表单提交,请将其指出…
    需要满足两个条件(没有javascript)

  • 输入类型:提交表单中的按钮
  • 多个输入字段

  • 如果返回的
    bSubmitp
    值不是false
    ,则将提交
    表单

    使用返回真值的
    表示按钮必须工作添加是为了。。。和
    -提交按钮用于发送表单-

    如果您想不惜一切代价禁用,我建议使用预定义的
    返回false

    可以是:

    • 在中的标记上,类似:

    • 其他

    编辑 另外。。您可以将
    输入类型:submit
    更改为一个
    按钮
    然后使用
    jQuery
    (验证后)发送表单

    当按下enter键时,为了防止表单提交,请将其指出…
    需要满足两个条件(没有javascript)

  • 输入类型:提交表单中的按钮
  • 多个输入字段

  • 如果返回的
    bSubmitp
    值不是false
    ,则将提交
    表单

    使用返回真值的
    表示按钮必须工作添加是为了。。。和
    -提交按钮用于发送表单-

    如果您想不惜一切代价禁用,我建议使用预定义的
    返回false

    可以是:

    • 在中的标记上,类似:

    • 其他

    编辑 另外。。您可以将
    输入类型:submit
    更改为一个
    按钮
    然后使用
    jQuery
    (验证后)发送表单

    当按下enter键时,为了防止表单提交,请将其指出…
    需要满足两个条件(没有javascript)

  • 输入类型:提交表单中的按钮
  • 多个输入字段

  • 正如Daniel所说,您应该将代码放入jQuery
    submit
    函数中

    此方法是第一个变体中.on(“submit”,handler)和第三个变体中.trigger(“submit”)的快捷方式

    当用户尝试提交时,提交事件被发送到元素 提交一份表格。它只能附着到图元。表格可以 通过单击显式, ,或,或按Enter键 当某些表单元素具有焦点时

    直接来自jQuery网站的示例代码

    $( "#target" ).submit(function( event ) {
      alert( "Handler for .submit() called." );
      event.preventDefault();
    });
    

    正如Daniel所说,您应该将代码放入jQuery
    submit
    函数中

    此方法是第一个变体中.on(“submit”,handler)和第三个变体中.trigger(“submit”)的快捷方式

    当用户尝试提交时,提交事件被发送到元素 提交一份表格。它只能附着到图元。表格可以 通过单击显式, ,或,或按Enter键 当某些表单元素具有焦点时

    直接来自jQuery网站的示例代码

    $( "#target" ).submit(function( event ) {
      alert( "Handler for .submit() called." );
      event.preventDefault();
    });
    

    正如Daniel所说,您应该将代码放入jQuery
    submit
    函数中

    此方法是第一个变体中.on(“submit”,handler)和第三个变体中.trigger(“submit”)的快捷方式

    当用户尝试提交时,提交事件被发送到元素 提交一份表格。它只能附着到图元。表格可以 通过单击显式, ,或,或按Enter键 当某些表单元素具有焦点时

    直接来自jQuery网站的示例代码

    $( "#target" ).submit(function( event ) {
      alert( "Handler for .submit() called." );
      event.preventDefault();
    });
    

    正如Daniel所说,您应该将代码放入jQuery
    submit
    函数中

    此方法是第一个变体中.on(“submit”,handler)和第三个变体中.trigger(“submit”)的快捷方式

    T
    $( "#target" ).submit(function( event ) {
      alert( "Handler for .submit() called." );
      event.preventDefault();
    });
    
    $(document).ready(function() {
    
        $('input#next').attr("type", "button");
    
        // own code
        $('input#next').click( function() {
            // ...
        });
    });