javascript - 如何使用 jquery 进行控件验证

Question

我有一个功能Checkdate。当用户添加事件时，我想将此功能连接到保存按钮。

如果日期存在，保存按钮不应该工作：

$('#btnSave').click(function () {
    //Validation/

    if ($('#txtSubject').val().trim() == "") {
        alert('Subject required');
        return;
    }
    if ($('#txtStart').val().trim() == "") {
        alert('Start date required');
        return;
    }
    if ($('#chkIsFullDay').is(':checked') == false && $('#txtEnd').val().trim() == "") {
        alert('End date required');
        return;
    }
    else {
        var startDate = moment($('#txtStart').val(), "DD/MM/YYYY HH:mm A").toDate();
        var endDate = moment($('#txtEnd').val(), "DD/MM/YYYY HH:mm A").toDate();
        if (startDate > endDate) {
            alert('Invalid end date');
            return;
        }
    }

    SaveEvent(data);
    // call function for submit data to the server
})

这是我的功能：

$('#btnSave').click (function () {
    var StartDate = $('#txtStart').val();

    $.ajax({
        type: "POST",
        url: "/Home/Checkdate",
        data: '{StartDate: "' + StartDate + '" }', 
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            var message = $("#message");
            if (response) {
                //Email available.
                message.css("color", "green");
                message.html(" date is not exist ");
            }
            else {
                //Email not available.
                message.css("color", "red");
                message.html("date existe ");
            }
        }
    });
});

function ClearMessage() {
    $("#message").html("");
}

我希望你看这张图片来理解我： 在此处输入图片描述

标签： javascriptjquery