javascript - 如果元素为空，JQuery 表单验证和类会更改

Question

我不是 JQuery 专家。经过三天的尝试，我除了寻求帮助之外别无选择。

我有一个动态表单，它通过 jquery/ajax 获取元素(输入、选择、单选、文本区域)。

现在，我想简单地验证表单。如果元素为空，则不会提交表单，并且 Bootstrap 类“错误”将添加到空元素。如果没有任何元素为空，则表单将提交到所需的 php 页面。

这就是我到目前为止所做的

if (($(this).attr("category")) || ($(this).attr("vcmodel"))) {
    if ($('#category').length) {
        $('#category').addClass('error');
    }
    if ($('#vcmodel').length) {
        $('#vcmodel').addClass('error');
    }
    if ((($(this).attr("category")) && ($('#category').length)) || (($(this).attr("vcmodel")) && ($('#vcmodel').length))) {
        return false;
    }
}

Answer 1

好吧，只是为了给你一个想法，也许你可以这样做:

$("#submit").on("click", function(e) {
    var category = $("#category");
    if(category.val() === "") {
        category.addClass("error");

        // don't submit !
        e.preventDefault();
    }
});

这是一个fiddle