javascript - 如何使用 jQuery 仅验证一个 HTML 控件

Question

我有一个文本框，其中只能输入正值，如果输入负值或零，则删除该值并将文本框涂成红色以指示用户他不应该输入负值。

这就是我的代码：

    checkForNegativeValues : function(e){
                var intVal = e.currentTarget.value; 
                var nameOfControl = e.currentTarget.name;
// here i have to implement the logic but really don't know how to go about
                e.preventDefault();
                return true;
            }

我可以获取值和控件名称，但不知道如何验证，我已经完成了表单中的所有值，但上述控件不受任何控制并且位于 div 中，这是因为我使用的是主干。木偶。

正是这样的事情：JSFIDDLE，但不想打印消息，而只是用红色标记文本框。

实在是太无奈了怎么办。

Answer 1

以JsFiddle为例，这是你想要完成的吗？

$(document).ready(function() {
    $('.abc').bind('keyup', function() {
        regex = /^[A-z0-9]+$/;
        if(!regex.test($(this).val())) {
            // append the color red to the background
            $(this).css('backgroundColor', '#f00');
        } else {
            // reset color to white
            $(this).css('backgroundColor', '#fff');            
        }
    }); 
});