jQuery验证插件,检查输入defaultValue

时间:2012-06-07 15:13:14

标签: javascript jquery default-value jquery-validate

尝试使用jquery validate plugin验证字段。我只想检查当前输入值是否不等于defaultValue。如果它等于无效,则清除该值并显示错误消息。

类似的东西:

...

firstname:{
    required: function(element){                       
    return element.val() !== element.defaultValue;
    element.val('');
    }                                          
}

...

不幸的是,这不起作用。

2 个答案:

答案 0 :(得分:0)

好的,找到了解决方案。只需创建以下方法即可解决问题。

jQuery.validator.addMethod("defaultInvalid", function(value, element){
    return !(element.value == element.defaultValue);
},jQuery.validator.messages.required);

答案 1 :(得分:0)

这是一个适用于单选按钮的实现:

var isChanged = function ($element) {
    switch ($element.attr('type')) {
        case "radio":
            var $formElementsWithSameName = $element.closest('form').find(':input').filter(function () {
                return $(this).attr('name') == $element.attr('name');
            });
            return $formElementsWithSameName.filter(':checked').filter(function () {
                return $(this).prop('defaultChecked');
            }).length == 0;

        case "text":
            return $element.val() != $element.prop('defaultValue');
        default:
            console.error("No implementation of isChanged for element " + $element);
    }
};