Javascript 表单提交时未触发表单提交函数
我看了一眼,找不到像我这样的问题 我有一个表格,我无法得到验证工作。我知道JavaScript文件正在加载,因为页面上的其他函数都在正常工作。我的代码如下:Javascript 表单提交时未触发表单提交函数,javascript,html,Javascript,Html,我看了一眼,找不到像我这样的问题 我有一个表格,我无法得到验证工作。我知道JavaScript文件正在加载,因为页面上的其他函数都在正常工作。我的代码如下: <form method="post" name="selectMod" action="check.php" onsubmit="validate()"> <div class="form-row"> <div class="col-sm-12 col-md-12"&
<form method="post" name="selectMod" action="check.php" onsubmit="validate()">
<div class="form-row">
<div class="col-sm-12 col-md-12">
<button type="submit" class="btn btn-success btn-block center-block">Submit</button>
当然,我遗漏了一些明显的东西,但看不到它是什么。您可以使用以下内容:
function validate(){
//if check false
event.preventDefault();
return false;
}
它正在开火。它只是没有任何可以观察到的效果
onsubmit
函数调用validate
validate
函数返回false
(因为它有一个return
语句)onsubmit
函数忽略该返回值onsubmit
函数返回undefined
(因为它没有return
语句)onsubmit
函数返回false
onsubmit="return validate()"
现代代码将避免固有的事件属性,而倾向于使用JavaScript绑定事件列表器并操作事件对象
var myForm = document.querySelector("form");
myForm.addEventListener("submit", validate);
function validate(event) {
event.preventDefault();
}
请分享一个用法,而不是什么意思?你不能让它工作?有任何错误吗?我已将按钮代码修改为上述内容,但仍然没有乐趣。@BoyWithSilverWings我希望表单不会提交,但它确实提交了。你正在从
validate()返回false
)
function这非常有帮助。事实证明,我的主要问题是由于XAMPP不支持验证造成的。一旦我在本地完成了验证,它就可以工作了。
var myForm = document.querySelector("form");
myForm.addEventListener("submit", validate);
function validate(event) {
event.preventDefault();
}