如何使用javascript验证表单以避免空字段和重复输入提交
我有一个表单,我正在使用java脚本防止onsubmit=“return validateForm();”出现空字段,现在我需要避免多次提交,有没有方法可以使用相同的验证来添加我需要的功能,或者如何让它工作,这是我的代码如何使用javascript验证表单以避免空字段和重复输入提交,javascript,php,jquery,html,forms,Javascript,Php,Jquery,Html,Forms,我有一个表单,我正在使用java脚本防止onsubmit=“return validateForm();”出现空字段,现在我需要避免多次提交,有没有方法可以使用相同的验证来添加我需要的功能,或者如何让它工作,这是我的代码 <form name="myForm"class="form-signup" id ="req-form" action="reg_form.php" onsubmit="return validateForm(); " method="post">
<form name="myForm"class="form-signup" id ="req-form" action="reg_form.php" onsubmit="return validateForm(); " method="post">
<div class="form-group">
<label for="fname">First Name:</label><span style="color:red;" id="ferror"> </span>
<input class="form-control" type="text" name="fname" id="fname" value="<?php echo "$user_fname";?>">
<label for="lname">Last Name:</label><span style="color:red;" id="lerror"> </span>
<input class="form-control" type="text" name="lname" id="lname" value="<?php echo "$user_lname";?>">
<label for="amount">Amount:</label><span style="color:red;" id="aerror"> </span>
<input class="form-control" type="text" name="amount" id="amount" placeholder="Amount">
<label for="cedula">personal id:</label><span style="color:red;" id="cferror"> </span>
<input class="form-control" type="text" name="cedula" id="cedula" value="<?php echo "$user_cedula";?>">
<label for="cedula">comments:</label><span style="color:red;" id="coferror"> </span>
<input class="form-control" type="text" name="comments" id="comments" placeholder="comments optional">
名字:
你关上标签了吗?脚本末尾缺少return true是的,from标记已关闭,到目前为止,我的scriptm工作只是验证空字段,现在我需要它来避免多次单击submit
<script>
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
document.getElementById("ferror").innerHTML="this is invalid name ";
return false;
}
var x = document.forms["myForm"]["lname"].value;
if (x == null || x == "") {
document.getElementById("lerror").innerHTML="this is invalid Last name ";
return false;
}
var x = document.forms["myForm"]["amount"].value;
if (x < 30 || x == "") {
document.getElementById("aerror").innerHTML="invalid amount the minimun for loan is 30$ ";
return false;
}
var x = document.forms["myForm"]["cedula"].value;
if (x == null || x == "") {
document.getElementById("cerror").innerHTML="this is invalid ID ";
return false;
}
}
</script>