使用jQuery验证来验证特定值

Question

I want to validate my form to check a field for a specific value. If a user types a value more than 5 ( >= 5 ) into a textbox, validation should return an error. How can I do this with jQuery validation?

    <input type='text' name='qty' value='must lower than 5'/>

Answer 1

you can try something like this:

you might want to change your value='' to placeholder=''

<input type='text' name='qty' id='txt_qty' placeholder='must be lower than 5'>

here is the script:

<script type='text/javascript'>
    $(document).ready(function()
    {
        $('#txt_qty').keyup(function()
        {
             var qty = $(this).val();
            if(qty > 5)
            {
                alert('Quantity must not be more than 5');
                $(this).val('');
            }
        });
     });   
</script>

Its just simple but I hope this helps.

Answer 2

<script type='text/javascript'>
$(document).ready(function()
{
   $("#formID").submit(function(){
        var qty = $('#txt_qty').val();
        if(qty > 5)
        {
           alert('Quantity must not be more than 5');
           $('#txt_qty').val('');
           return false;
        }
        return true;
    });
});
</script>

Answer 3

if you want to use more.. use classes and loop them

<script type='text/javascript'>
$(document).ready(function()
{
   $("#formID").submit(function(){
        var ret= true;
        $(".checkthis").each(function(){
            var qty = $(this).val();
            if(qty > 5){
              alert('Quantity must not be more than 5');
              $(this).val('');
              ret = false;
            }
        });
        return ret;
    });
});
</script>