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

时间:2013-08-09 09:34:30

标签: javascript jquery validation backbone.js

我有一个文本框,其中只能输入正值,如果输入的是负值或零,则删除值并将文本框用红色着色以指示用户不应输入负值。

这就是我的代码:

    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,这是因为我我正在使用backbone.marionette。

完全是这样的事情:JSFIDDLE但不想打印消息,只是用红色标记文本框。

如此无助是如此无助。

1 个答案:

答案 0 :(得分:2)

使用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');            
        }
    }); 
});