不要使用警报代码jQuery

时间:2015-04-05 14:30:06

标签: javascript jquery html

我想在点击提交按钮后收到提醒。我尝试使用以下代码,但它不起作用。怎么办呢?

DEMO: http://jsfiddle.net/7atv7zgp/

	    $('body').delegate('.submit', 'submit', function(e) {
            e.preventDefault();
	        alert('ok');
        })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#" method="post">
	<input type="text" name="addres" id="keyword-txt5">
	<input type="submit" value="submit" class="submit">
</form>

2 个答案:

答案 0 :(得分:4)

   $('body').on('submit','form', function(e) {
            e.preventDefault();
            alert('ok');
        })

http://jsfiddle.net/7atv7zgp/2/

表单元素有提交事件不是按钮它自己。 (另外,我使用了on()方法,而不是delegate(),但是如果你需要旧版本的jquery,你可以使用delegate()。

答案 1 :(得分:0)

只需通过“提交”类将click事件与按钮绑定,它就可以解决您的目的

$('.submit').click(function(e) {
      e.preventDefault();
      alert('ok');
});