Question

我正在测试此代码以通过提交来停止表单...

Jquery Part ...

    $("#request_quote").submit(function(e){
        e.preventDefault(); 
    });

HTML部分......

<form id="#request_quote" method="POST" action="request_quote/requestSubmit" >
  <div>
    <label for="b_name">What is your Business name</label>
    <input id="b_name" name="b_name" type="text" />
</form>

Answer 1

您的表单ID不正确：应为id="request_quote"

Answer 2

您已经显示的代码应该可以正常工作，假设它在表单被解析并添加到DOM之后运行 - 否则它将无法找到具有指定id的任何元素。因此，要么将该代码放在表单之后的某个脚本块中（例如，在结束</body>标记之前），要么将其放在文档就绪处理程序中：

$(document).ready(function() {
    $("#request_quote").submit(function(e){
        e.preventDefault(); 
    }); 
});

编辑：哎呀，刚刚注意到史蒂夫在答案中指出的内容，即html标记中的id中有# - 应该删除然后如果仍然存在问题，我将对JS代码的放置做出评论。

通过提交奇怪的bug来停止表单

2 个答案: