Question

我有一个表单，我正在使用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">

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

这完美有效但现在我需要避免多次提交，如果字段为空或null则给出错误消息，如果字段有信息则只允许一次提交

如何验证表单以避免空字段和使用javascript提交双重条目

0 个答案: