Javascript 提交时验证按钮出现问题
下面是我的代码示例Javascript 提交时验证按钮出现问题,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,下面是我的代码示例 <form action="next2.php" method="post" name="next2" id="next2" onsubmit="return submitForm();"> 然后表单将不会提交,我如何使用函数返回false,因为我需要执行一些if-else验证只需删除函数中的分号,并在函数中放置一个警报,以确保是否先调用该函数。然后尝试添加验证 <script type="text/javascript"> function s
<form action="next2.php" method="post" name="next2" id="next2" onsubmit="return submitForm();">
然后表单将不会提交,我如何使用函数返回false,因为我需要执行一些if-else验证只需删除函数中的分号,并在函数中放置一个警报,以确保是否先调用该函数。然后尝试添加验证
<script type="text/javascript">
function submitForm() {
return false;
}
</script>
<form
action="next2.php"
method="post"
name="next2"
id="next2"
onsubmit="return submitForm();"
>
函数submitForm(){
返回false;
}
submit
已经是表单的一个函数,您应该调用不同的JavaScript函数,例如如上所述的submitForm
。我想为实际提交创建一个不可见的按钮,该按钮仅在表单验证后触发:
函数验证(){
var valid=true;
$。每个($('input'),函数(){
valid=valid&&$(this).val().length>0;
})
如果(有效){
$(“#realSubmit”)。单击();
}否则{
警报('请填写所有字段!');
}
}
提交
重命名你的函数,调用它submitForm
@vol7ron相同的问题,表单仍然会被发布。@BUN如果你的函数仍然在提交(返回值不是false),那么在主体之前,尝试在头部声明脚本标记,可能是调用时函数未知。使用谷歌浏览器中的调试实用程序进行调查further@vol7ron,如果我在返回false之前键入此行,它将不会停止提交-var name=document.getElementById(“name”).value的表单;[没有控制台错误]如果我在返回false之前键入此行,则会出现问题var name=document.getElementById(“name”).value;[没有控制台错误]@BUN您使用的是哪种浏览器?确保页面上有id为name的输入元素<代码>并确保没有其他元素也具有id=“name”
(id只能在页面上出现一次)
onsubmit="return false;"
<script type="text/javascript">
function submitForm() {
return false;
}
</script>
<form
action="next2.php"
method="post"
name="next2"
id="next2"
onsubmit="return submitForm();"
>