Question

我有一个输入姓名，姓氏，金额，个人ID，评论的表格。我需要验证字段数量，使得值不能低于20。

这是表格

  <form name="myForm"class="form-signup" id ="req-form" action="reg_form.php"   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"  required 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">

<input class="btn btn-warning" type="submit"  value="Submit"  name="myButton" >

 </div>     
</form> 

     <script>
   $(document).ready(function(e){
   $('#req-form').on('submit',function(){
    alert( $('#amount').val() );
    });
  });

 $('#req-form').submit(function(){
$this = $(this);

/** prevent double posting */
if ($this.data().isSubmitted) {
    return false;
}

/** do some processing */

/** mark the form as processed, so we will not process it again */
$this.data().isSubmitted = true;

return true;
  });


  </script>

我需要防止金额少于20，我需要避免多次提交，当用户的点击提交，到目前为止我得到它的工作我现在需要做的是避免金额少于20，到目前为止验证我得到它提醒现在我需要验证它，确实用java脚本验证但由于某种原因它验证字段但没有避免多个提交，所以我想用jquery编码所有内容

Answer 1

希望它对任何人都有帮助，我使用if语句解决了我自己，验证了数量字段，避免用户输入20以下的数量并避免多次提交

<script>
 $(document).ready(function(e){
 $('#req-form').on('submit',function(){
        var $inp = $('#amount').val() ;
        if ( $inp < 20)
        {
            alert( 'you request cant be lower than 20' );
            return false;
        }

});
});

 $('#req-form').submit(function(){
$this = $(this);

 if ($this.data().isSubmitted) {
    return false;
}

 $this.data().isSubmitted = true;

return true;
 });


 </script>

如何在提交时使用j查询创建自定义表单验证

1 个答案: