Question

我在HTML页面上有多个文本输入，其中class =＆＃34; min_value＆＃34;，我需要使用jQuery为这些文本输入添加一些验证，显示基本验证，基本上是输入的值低于250.00时，文本框的值设置为250.00。

这适用于带有＆＃34; min_value＆＃34;类的单个文本输入。但是当类名称存在多个文本输入时。是否可以更改此代码，以便对每个文本输入进行验证，并且只更改该文本输入的值？

jQuery(function ($) {

    $(".min_value").each(function(){

        $(".min_value").change(function(){ 

            var min_value = $(".min_value").val();

            if(min_value <= 250){
                $(".min_value").val('250.00');  
                alert('The Minimum Value can not be less the 250.00');
            }
        });
    });
});

Answer 1

jQuery('.min_value').on('input', function() {
     if((this).val() <= 250){
           $(this).val('250.00');  
           alert('The Minimum Value can not be less the 250.00');
     }
});

Answer 2

使用this对象。

jQuery(function ($) {
    $(".min_value").change(function(){ 
        var min_value = $(this).val();
        if(min_value <= 250){
            $(this).val('250.00');  
            alert('The Minimum Value can not be less the 250.00');
        }
    });
});

结合.each和.change函数

2 个答案: