AJAX 成功调用上的自定义验证

custom validation on ajax success call

本文关键字：自定义 验证 成功 调用 AJAX      更新时间：2023-09-26

我正在尝试显示有关 ajax 成功的工具提示消息，但我被代码困住了，但 CSS 正在工作。

$(document).ready(function () {
    $("#mobileNumber").blur(function () {
        if ($("#mobileNumber").val().trim() != "") {
            $.ajax(
            {
                url: '/Home/IsMobileNumberExist',
                type: 'GET',
                data: { contactNo: $("#mobileNumber").val().trim() },
                dataType: 'json',
                success: setCustomValidity
            });
        }
    });
});
function setCustomValidity(response) {
    var mobileNumber = document.getElementById("mobileNumber");
    if (response) {
        $("#mobileNumber").addClass('invalidValidation');
        mobileNumber.addEventListener("input", function () {
            mobileNumber.setCustomValidity("mobile no exists");
        });
    } else {
        mobileNumber.setCustomValidity("");
    }
}

谢谢它实际上对我不起作用，我想在 Ajax 成功时显示带有 CSS 效果的工具提示消息。CSS 正在工作，但我无法显示工具提示。

在成功的 ajax 之后添加响应对象...。因为您的setCustomValidity()函数需要一个参数。您可以传入处理结果的回调函数：

   $.ajax({
                url: '/Home/IsMobileNumberExist',
                type: 'GET',
                data: { contactNo: $("#mobileNumber").val().trim() },
                dataType: 'json',
                success: function(response){ setCustomValidity(response)}
          });
相关文章：