jquery submit();不适用于Firefox

时间:2013-08-06 18:25:27

标签: javascript jquery firefox form-submit

我是网络开发的新手,我正在尝试使用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>

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

3 个答案:

答案 0 :(得分:2)

在警报中添加一些内容:

alert("TEXT HERE"); 

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

  

参数不足[nsIDOMWindow.alert]

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

答案 1 :(得分: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
 });

答案 2 :(得分:-1)

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

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

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