Search jQuery

jQuery Forum

unable to submit form after a condition is true

in Using jQuery • 4 years ago

Hi,

I have the following code, but I am able to prevent the form submit when the qty is less than the min bid amount but unable to submit the form when the qty is greater than min bid.

first time if input qty with a lesser value and then input the qty value greater than min_bid then the form is unable to submit.

If I input qty value greater than min_bid amount in the first time then I am able to submit the form

Please help

<form class="form-inline" method="post" id="auctionform" action="<?php echo base_url(); ?>orders/create">
<div class="form-group" id="bid_tab">
<label class="fee_text" for="registration_fee">Registration fee</label>
<label class="money_symbol " for="registration_fee">₹</label>
<label class="fee" for="registration_fee"><?php echo $content->starting_bid; ?></label>
<input type="hidden" name="amount" value="<?php echo $content->starting_bid; ?>" >
<input type="hidden" name="exp_id" value="<?php echo $content->id; ?>" >
<input type="hidden" name="exptype" value="<?php echo $content->exptype; ?>" >
</div>
<div class="form-group" id="bid_tab">
<label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
<div class="input-group">
<div class="input-group-addon">₹</div>
<input type="text" class="form-control btn-block" id="qty" name="qty" placeholder="Amount">
<div class="input-group-addon" style="padding-left: 35px; padding-right: 35px;">MINIMUM NEXT BID ₹ <?php echo $qty; ?></div>
</div>
</div>
<br>
<div class="col-md-12 form-group">
<div class="checkbox">
<label><br><br>
<input id="agree" type="checkbox" checked> I Accept all terms and conditions
</label>
</div><br><br>
<?php if(isset($_SESSION['user_type']) && ($_SESSION['user_type']=="client")){ ?>
<button type="button" id="make_payment" class="btn btn-default btn-block">MAKE PAYMENTS</button>
<?php }else{ ?>
<a href="#" id="bid_btn" class="text-uppercase btn btn-default btn-block" data-toggle="modal" data-target="#myModal_login">Login to Buy </a>
<?php } ?>
</div>
</form>
<script>
$(document).ready(function(){
$("#make_payment").on("click", function(event) {
var qty=$("#qty").val();
var min_bid=5200;
alert("qty="+qty + " "+ "min bid="+ min_bid);
if(qty > min_bid)
{
alert("bid amount is greater");
$("#auctionform").submit();
}
else if(qty < min_bid){
alert('Bid amount cannot be less than next bid amount');
$("#auctionform").submit(function(event) {event.preventDefault();});
}
});
});
</script>

I am not sure where I am missing something.

Please help.

Replies(5)

coldfusio..

Re: unable to submit form after a condition is true

4 years ago

Hello,

Since you have a webserver, try this code ( for the form page )

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>submit demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>

<form method="post" id="auctionform" action="bids.php">
<div>
    <input type="text" class="form-control btn-block" id="qty" name="qty" placeholder="Amount">
    <input type="submit">
</div>
</form>

<script>
$( "form#auctionform" ).submit(function( event ) {
    var qty=$("#qty").val();
    var min_bid=5200;
    console.log("qty="+qty + "   "+ "min bid="+ min_bid);

    if( qty < min_bid){
      event.preventDefault(); // don't submit this
      alert("qty="+qty + "   "+ "min bid="+ min_bid);
    }
});
</script>
</body>
</html>

and bids.php is:
<?php
echo $_POST["qty"];
?>

I would rather answer it this way with all known values. See if this can help your setup.

Jim

shyamsukh..

Re: unable to submit form after a condition is true

4 years ago

Thanks coldfusionguy, it worked. But can you please explain what was wrong with my code?

Thanks once again.

coldfusio..

Re: unable to submit form after a condition is true

4 years ago

I don't know exactly why.

Here is another code sample that may help making use of your:

id="make_payment"

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>submit demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>

<form method="post" id="auctionform">
<div>
    <input type="text" class="form-control btn-block" id="qty" name="qty" placeholder="Amount">
    <button type="button" id="make_payment" class="btn btn-default btn-block">MAKE PAYMENTS</button>
</div>
</form>
<div id="msgs"></div>
<script>
$("#make_payment").on("click", function(event) {
    var myqty=$("#qty").val();
    var min_bid=5200;

    if( myqty < min_bid){
      event.preventDefault(); // don't submit this
      $('#msgs').html("<p>bad input to low</p>");
    }else
    {
       $.ajax({
       url: 'bids.php',
       data: {qty: myqty},
       error: function() {
        $('#msgs').html("<p>ajax error</p>");
       },
         success: function(data) {
         console.log(data);
         $('#msgs').html("<p>SUCCESS: You sent this to the server " + data + '</p>');
       },
       type: 'POST'
       });
    }

});
</script>
</body>
</html>

and bids.php is:
<?php
echo $_POST["qty"];
?>

coldfusio..

Re: Re: unable to submit form after a condition is true

4 years ago

this line is not needed
event.preventDefault(); // don't submit this

because the of if/else block

kbwood.au

Re: unable to submit form after a condition is true

4 years ago

As coldfusionguy has indicated, you should attach your check to the submit event of the form and prevent the submission directly if the validation fails.

In your original code you react to the button click and then either submit the form if valid:

$("#auctionform").submit();

Or create a submit handler for the form for all future submissions:

$("#auctionform").submit(function(event) {event.preventDefault();});

So, any form submission after that point will fail because of that handler.

Top Reply

Response title

Attachments

jQuery Forum

unable to submit form after a condition is true

Replies(5)

Re: unable to submit form after a condition is true

Re: unable to submit form after a condition is true

Re: unable to submit form after a condition is true

Re: Re: unable to submit form after a condition is true

Re: unable to submit form after a condition is true

Statistics

Tags

Actions

Related Posts