jQuery data input validation min and max in option type number

Question

jquery data input validation min and max in number

<td align='right'>
  <label for="decimal"> <?php echo form_error('price') ?></label>
    <input style="background-color:#FFFF42" type="text" class="form-control" name="price" id="price" placeholder="price" value="<?php echo $price; ?>" />
</td>

<script type="text/javascript">

$('#price').keyup(function(){
  if ($(this).val() > 20 ){
     alert("Price Max USD. 20");
     $(this).val('20');
   }
   else if {
    ($(this).val() < 5 ){
    alert("Price Min USD. 5");
    $(this).val('5');
}
});
</script>

but this doesn't work there is no action

BeiBei ZHU · Accepted Answer · 2019-07-22 02:14:49Z

1

$(document).ready(function(){
  $('#price').keyup(function(){
    if ($(this).val() > 20 ){
         alert("Price Max USD. 20");
         $(this).val('20');
     }
     else if($(this).val() < 5 ){
        alert("Price Min USD. 5");
        $(this).val('5');
     }
  });
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<td align='right'>
  <label for="decimal"> <?php echo form_error('price') ?></label>
    <input style="background-color:#FFFF42" type="text" class="form-control" name="price" id="price" placeholder="price" value="" />
</td>

answered Jul 22, 2019 at 2:14

BeiBei ZHU

3632 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ahmad W Over a year ago

how to hidden NaN in form validation?

BeiBei ZHU Over a year ago

NaN? what's that? form validation only validate input controls.

Ahmad W Over a year ago

change NaN to 0, if(isNaN(tal)) var tal = 0;

Collectives™ on Stack Overflow

jQuery data input validation min and max in option type number

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related