Question

我正在尝试在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正在运行，但我无法显示工具提示。

Answer 1

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

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

ajax成功调用的自定义验证

1 个答案: