javascript - jQuery 验证插件，检查输入 defaultValue

Question

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

像这样的东西：

...

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

...

不幸的是，这不起作用。

Answer 1

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

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

Answer 2

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

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);
    }
};