我是网络开发的新手,我正在尝试使用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>
处理表单提交的任何备用文件。
答案 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/