Question

我是网络开发的新手，我正在尝试使用jquery和javascript处理表单提交。

我的JS

$(document).ready(function () {

 $('#UnitFrom').submit(function (e) {
 alert(); //Works for Chrome and IE... But not in firefox...
 e.preventDefault(); // Form Is not submitted in Chrome and IE.. for firefox it submits the from to same url that i am in..
  });

 });

我的HTML

<html>
<body>
<form id="UnitFrom">
 <input type="submit" id="CalculateUnit" value="Submit"  />
</form>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="script.js"></script>
</body>
</html>

处理表单提交的任何备用文件。

Answer 1

在警报中添加一些内容：

alert("TEXT HERE");

如果您检查控制台，则应该看到与此类似的错误：

参数不足[nsIDOMWindow.alert]

抛出异常时，方法执行结束而不调用preventDefault，允许表单提交。这就是为什么最佳做法是将preventDefault置于功能的顶部，但不是必需的。如果它是第一个并且存在异常，则仍然会阻止默认行为。

Answer 2

你应该写：

 $('#UnitFrom').submit(function (e) {
    e.preventDefault(); // prevent default form submission
    alert('some'); // do some stuff
 });

OR

 $('#UnitFrom').submit(function () {
    alert('some');
    return false; // prevent form submission
 });

Answer 3

老兄，你不能先alert()而不是e.preventDefault();。

e.preventDefault();必须是第一个，alert()秒。

jsfiddle：http://jsfiddle.net/mpatm/

jquery submit（）;不适用于Firefox

3 个答案: