防止回发使用jQuery JavaScript的

这里是我的HTML代码防止回发使用jQuery JavaScript的

<form id="form1" runat="server"> 
    <input id="q" required /> 
    <input id="btn" type="submit" value="Search" /> 
</form>

我想在asp.net的HTML 5 required功能。上面的代码有效。但是回帖也会发生。有没有办法阻止使用JavaScript，jQuery或任何其他方法回发？我试图阻止使用jQuery

$(document).ready(function() { 
     $('#btn').click(function (evt) { 
      evt.preventDefault(); 
     }); 
    });

后回但这使得required验证不火。

注意：表单中有多个按钮。

来源

2013-06-18 iJade

请不要使用“leetspeak ”。问题没有字符限制。这是“是”而不是“r”。 –

变化“点击”事件“提交”，并将其绑定不BTN但以形成

$(document).ready(function() { 
    $('#form1').on("submit", function (evt) { 
     evt.preventDefault(); 
    }); 
});

来源

2013-06-18 09:01:10 Luke

但是如果我在表单 – iJade

上有多个按钮，你为什么在意？我认为我们正在谈论提交表格。您可以在表单中提交5个按钮 - 没有人会工作，因为“提交”事件会触发回发信息 – Luke

我们正在讨论如何防止所需的html5功能完好无损。如果我拥有更多信息在表单上的1个按钮 – iJade

这里是一个具有两个输入（一个是必需的）和两个按钮updated JsFiddle（一个提交）。

HTML：

<form id="form1" method="get" action="http://example.com"> 
<input id="q" required /> 
<input id="w" /> 

<input id="btn" type="button" value="Cancel" /> 
<input id="btn" type="submit" value="Submit" />

的Javascript

$('#form1').on("submit", function (evt) { 
    evt.preventDefault(); 
});

如果不回答你的问题，请详细

来源

2013-06-19 15:00:04 PeterPan

请阅读评论OM卢克的回答，有一个看起来这http://jsfiddle.net/8uk3b/2/ – iJade

防止回发使用jQuery JavaScript的

回答

相关问题