JQuery提交函数不启动

时间:2016-10-13 16:13:16

标签: javascript php jquery html forms

我有点问题。我已经看过很多线程了:
- jquery submit function not working
- jQuery submit function not working properly
- JQuery Submit Form From Inside Submit Function

但是我的问题是我的提交不起作用。我不明白为什么。 如果有人能向我解释为什么提交按钮不起作用,我会很高兴。 我在控制台中看不到登录提交

我的目标是:
1.单击不是提交按钮的按钮
2.然后做一些事情 3.然后开始提交&在那里做点什么



<!DOCTYPE html>
<html>
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
</script>
</head>
<body>
	<form method="post" action="submit.html" id="test">
		<input type="button" id="bttn" value="Submit"></input>
	</form>
</body>
</html>

<script language="javascript" type="text/javascript">
$(function() {
	$( 'input#bttn' ).on( 'click', function() {
        
        // do something
        
		console.log('click');
 
        // start submit
		$( 'form#test' ).submit( function() {
			console.log('submit');
			return true;
			
		});
	});
});
</script>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

第一个错误(没有方法和重复操作):<form action="post" action="submit.html" id="test">应为<form method="post" action="submit.html" id="test">

第二个错误:

$( 'form#test' ).submit( function() { // handler for submit event
    console.log('submit');
    return true;
});

应该只是

$( 'form#test' ).submit(); // triggers submit event

然后您可以为submit事件添加处理程序,该处理程序将在提交触发器后调用:

$( 'form#test' ).submit( function() {
    console.log('submit');
});