Question

我想验证我的表单以检查字段中的特定值。如果用户在文本框中键入大于5（>= 5）的值，则验证应返回错误。我怎么能用jQuery验证呢？

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

Answer 1

你可以尝试这样的事情：

您可能希望将value=''更改为placeholder=''

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

这是脚本：

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

它很简单，但我希望这会有所帮助。

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

如果你想使用更多..使用类并循环它们

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

使用jQuery验证验证特定值

3 个答案: