对jQuery进行表单验证的最简单方法是什么?

时间:2010-03-16 00:14:32

标签: javascript jquery javascript-events webforms

我想要做的就是检查文本字段是否已更改。如果没有,我想在按下提交时突出显示框。我怎么做?看起来很简单,但不确定为什么其他每个解决方案都如此复杂

3 个答案:

答案 0 :(得分:4)

根据Pim的回答,您可以使用jQuery的数据API为每个文本字段关联changed标志。

// initially, assign changed to false for all text fields
$("input:text").data("changed", false);

// if any field changes, set its changed flag to true
$("input:text").change(function() {
    $(this).data("changed", true);
}

// finally on submission, get all text fields that did not
//  change by checking their "changed" property
var unchangedItems = $("input:text").filter(function() {
    return $(this).data("changed") === false;
});

答案 1 :(得分:2)

您可以使用jQuery Validate插件。

答案 2 :(得分:1)

基本上,你只是说它从未被改变过,当它发生变化时,你会设置一个标记,说明已被更改:

var changed = false;
$('#textfield').change(function(){
    changed = true;
});
if(changed){
    $('.textbox').each(function(){
        $(this).addClass('.highlighted');
        //or something like this, whatever you want to do to highlight them
    });
}