Question

我有这个Javascript代码：

jQuery(document).ready(function(){
    jQuery('body').on('click','#submit-btn',function(e){
        e.preventDefault();
        alert('ok');
    });

    $("#name").keyup(function(event){
        if(event.keyCode == 13){
            $("#submit-btn").trigger("click");
        }
      });

    });

jsfiddle：http://jsfiddle.net/Lr3taznx/39/

点击提交按钮，它工作正常，但在使用Keyup事件进入后，它正在刷新页面，我不想刷新enter事件的页面。

Answer 1

替换

 $("#name").keyup(function(event){
    if(event.keyCode == 13){
        $("#submit-btn").trigger("click");
    }
  });

使用，

$("#module_name").keyup(function(event){
    if(event.keyCode == 13){
        $("#submit-btn").trigger("click");
    }
  });

因为你在错误的对象上初始化了事件，意味着$（“＃name”）是id选择器，id是“module_name”。

Answer 2

更改您的点击事件以提交表单事件：

  jQuery(document).ready(function(){
        jQuery('body').on('submit','#module_form',function(e){
            e.preventDefault();
            alert('ok');
           $('#myModal').modal('hide');
        });

        $("#name").keyup(function(event){
            if(event.keyCode == 13){
              alert('ok');
                $("#submit-btn").trigger("click");
            }
          });

        });

＆安培;提交按钮到提交类型

<button type="submit" id="submit-btn" type="button" class="btn btn-primary">Submit</button>

http://jsfiddle.net/zk48vvfd/

Answer 3

您只应该阻止keyup event的默认行为。

所以你的代码应该是

  $("#name").keyup(function(event){
      event.preventDefault();
      if(event.keyCode == 13){
         $("#submit-btn").trigger("click");
      }
  });

页面不应该使用bootstrap模式刷新火灾输入事件？

3 个答案: