通过JS提交表单不需要经过jquery
Form submission via JS does not pass through jquery
我在'index.php '中有一个表单
<form action="" method="POST" id="myForm" name="myForm">
<input type="text" name="myInput" id="myInput" maxlength="9" onChange="runOnce();" />
</form>
和在我的JS代码我有:
function runOnce() {
var form = document.getElementById("myForm");
form.submit();
}
我也有JS来处理提交
$(document).ready(function() {
$("#myForm").submit(function(event) {
// prevent page refresh
event.preventDefault();
$.ajax({
url: 'index.php',
type: 'post',
data: {
"myInput" : $('#myInput').val(),
},
success: function(response) {
alert(response);
}
});
});
});
PHP部分有
if (isset($_POST["myInput"])) {
// do something. . .
}
问题是,页面仍在刷新,即使我有event.preventDefault();
我做错了什么?
您可以简单地使用:
function runOnce() {
$("#myForm").submit(); // this will trigger jQuery submit handler and so preventing default behaviour
}
相关文章:
- 无法从 jQuery RSS Feed 中的 localStorage 动态替换类
- 如何使用jQuery自动打开页面上的所有链接
- 如何使用jquery在填充自动完成的值后使文本框只读
- jQuery:循环一个具有不同超时值的循环
- 用程序搜索JQuery数据表中的文本
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- jQuery匹配JSON对象的部分文本
- Jquery POST未填充数组
- JQuery使计数器每次更改时都会增加
- 如何在Angular2中使用jQuery插件
- 提高JQuery的性能
- 无法在通过jQuery的ajax加载的页面中执行javascript
- JQuery合并了keyup和focusout两个函数
- 如何使用jQuery选择下拉列表的值
- 将PHP变量传递给jQuery时遇到问题
- jQuery UI自动完成突然停止工作
- 剑道网格jQuery动画()问题
- 是否有任何jQuery构建可用's经过优化,可与underscore.js一起使用
- 通过JS提交表单不需要经过jquery
- 当所有HTML表单元素都经过验证时,如何使表单操作无效并执行jQuery ?