jQuery validate插件，檢查輸入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);
    }
};