如何使用javascript验证表单以避免空字段和重复输入提交

如何使用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">

我有一个表单,我正在使用java脚本防止onsubmit=“return validateForm();”出现空字段,现在我需要避免多次提交,有没有方法可以使用相同的验证来添加我需要的功能,或者如何让它工作,这是我的代码

  <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>