Javascript 车把表单提交不起作用

Javascript 车把表单提交不起作用,javascript,php,jquery,handlebars.js,Javascript,Php,Jquery,Handlebars.js,我有一张表格,里面一把把手放了,提交不起作用,我该怎么办?有人能帮忙吗 可能在编译Dom之前附加了处理程序,请尝试侦听t body事件,并按选择器进行筛选,以后也应侦听添加的Dom节点 $(document.body).on("submit", "#messageForm", function() {alert();}); 在提交时运行JS的另一种可能性是从表单元素onsubmit属性返回false: 模板.hbs <form id="myForm" onsubmit="myFunc(

我有一张表格,里面一把把手放了,提交不起作用,我该怎么办?有人能帮忙吗


可能在编译Dom之前附加了处理程序,请尝试侦听t body事件,并按选择器进行筛选,以后也应侦听添加的Dom节点

$(document.body).on("submit", "#messageForm", function() {alert();});

在提交时运行JS的另一种可能性是从表单元素onsubmit属性返回false:

模板.hbs

<form id="myForm" onsubmit="myFunc(); return false;">
  <input id="textInput" type="text"></input>
  <input type="submit"></input>
</form>
...
<script src="js/handleForm.js" type="text/javascript"></script>
function myFunc() {
  console.log("yo");
}
这将在浏览器控制台中记录“yo”。这是因为onsubmit属性中返回false会阻止浏览器的默认操作(这是一个html操作,而不是节点或hbs操作)。因此,页面不会重新加载,也不会向超链接添加任何查询字符串,但会运行myFunc()

如果您想处理表单数据,只需从DOM中随意获取即可。一个选项是在文本输入上放置一个id(正如我在template.hbs中所做的那样),然后用jQuery将其挂起,如下所示:

handleForm.js(修订版)


你的表格提交给谁?那里没有管理人员。
function myFunc() {
  var formText = $("#textInput").val();
  // Do something with formText
}