Выделение Jquery Validate требуется, если пустое поле

Ответ 1

$("#uploadDocsForm").validate({
    rules: {
        name: {
            required: true,
            minlength: 2,
            maxlength: 255  
        },
        cat_id: {
            required: {
                depends: function(element) {
                    return $("#category").val() == '';
                }
            }
        }
    },
    messages: {
        name: 'Please enter a <b>Document Name</b>.',
        cat_id: 'Please select a <b>Category</b>.'
    }
});

Теперь функция зависимости проверяет, заполнен ли элемент категории, и, если это необходимо, требуется вторая. В противном случае это необязательно (значение может быть заполнено).

Случаи использования:

• Категория заполнена, cat_id empty: недействительно
• Категория заполнена, cat_id заполнено: действительно
• Категория empty, cat_id empty: valid
• Категория пустая, cat_id заполнено: действительно

Ответ 2

Похоже, что "зависит" больше не поддерживается.

Я использовал следующее, и он работает:

<form name="uploadDocsForm" id="uploadDocsForm">   
    <label for="name">Document Name</label>
    <input name="name" id="name" type="text" class="textbox"/>
    <label for="cat_id">Category</label>
    <select name="cat_id" id="cat_id" class="dropdown">
    <option value="" selected>Please Select Category</option>
    <option>------------------------</option>
    <option value="1">test cat</option>
    </select>
    <label for="category">New Category</label>
    <input name="category" id="category" type="text" class="textbox"/>
    </form>

Обратите внимание на значение параметра = "", из-за чего проверка завершается с ошибкой, так как значение val пустое

$("#uploadDocsForm").validate({
    rules: {
        name: {
            required: true,
            minlength: 2,
            maxlength: 255  
        },
        cat_id: {
            required: true
            }
        }
    },
    messages: {
        name: 'Please enter a <b>Document Name</b>.',
        cat_id: 'Please select a <b>Category</b>.'
    }
});