阿贾克斯验证

Question

我希望使用 OnBlur 事件（以覆盖按键以及剪切和粘贴事件）来使用 ajax 验证来验证表单元素。看起来jquery Validation 1.9确实有这个功能。任何人都可以确认它除了复制/粘贴条目之外还涵盖了键入的条目吗？有使用 Asp.net MVC2 的示例吗？我没有强类型视图，因此我的实现可能会比通常的示例稍微复杂一些...

到目前为止，我将尝试调用这个函数...

public string ValidateHosFin(string hospitalFin)
{
    if (!true)
        return "";
    return "true";

}

这只是该函数真正用途的一个虚拟正在做...但这只是一个测试...到目前为止，我的 jquery 验证函数设置如下...

$("#temp1").validate({
        rules: {
            HospitalFinNumber: {
                required: true,
                minlength: 6,
                remote: { url: '<%:Url.Action("ValidateHosFin", "PatientACO")%>', data: { hospitalFin: $('#HospitalFinNumber').val() }
                }
            }
}

我将验证的输入元素 id 是 HospitalFinNumber。 我如何确保这适用于按键输入事件以及复制粘贴事件？

Answer 1

是的，这将涵盖 onBlur 事件和复制/粘贴到字段中。另外，您可能想要修改服务器端验证操作，以便它返回 ActionResult 和 JSON：

public ActionResult ValidateHosFin(string hospitalFin)
{
    // some validation logic
    if (hospitalFin == "1234567") 
    {
        return Json(true, JsonRequestBehavior.AllowGet);
    }
    return Json("invalid hospital fin", JsonRequestBehavior.AllowGet);
}

另一个注释是您的远程验证规则。 值将是显示页面时文本框的值（可能是空的）：

$('form').validate({
    rules: {
        HospitalFinNumber: {
            required: true,
            minlength: 6,
            remote: function() {
                return {
                    url: '<%= Url.Action("ValidateHosFin", "PatientACO") %>',
                    data: { hospitalFin: $('#HospitalFinNumber').val() }
                };
            }
        }
    }
});

您应该让它返回一个函数，否则发送到服务器的 net/K87vL/9/" rel="nofollow">现场演示。