我有一个小问题。我已经看过很多帖子,比如:
- jquery提交函数不工作
- jQuery提交函数不能正常工作
JQuery提交表单
但是我有一个问题,我的提交不工作。我不明白为什么。如果有人能向我解释为什么提交按钮不起作用,我会很高兴。我在控制台中没有看到日志提交
我的目标是:
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>
第一个错误(没有方法和重复动作):<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
然后您可以添加提交事件的处理程序,它将在提交触发器之后调用:
$( 'form#test' ).submit( function() {
console.log('submit');
});