jquery - 我们可以使用 jquery 进行自定义验证控件的客户端验证吗？

Question

有两个文本框，一个用于电子邮件，另一个用于电话，我使用了一个自定义验证控件，以便用户必须填写我使用 JavaScript 的客户端文本框之一

函数 ValidatePhoneEmail(源，参数){

        var tboxEmail = document.getElementById('<%= tboxEmail.ClientID %>');
        var tboxPhone = document.getElementById('<%= tboxPhone.ClientID %>');
        if (tboxEmail.value.trim() != '' || tboxPhone.value.trim() != '') {
            args.IsValid = true;
        }
        else {
            args.IsValid = false;
        }
    }

如何使用 jquery 获得相同的结果

Answer 1

准确 validation plugin等效的方法是在这些字段上使用 "required"，如下所示:

$(function() {
  $("form").validate({
    rules: {
      <%= tboxEmail.UniqueID %>: "required",
      <%= tboxPhone.UniqueID %>: "required"
    }
  });
});

You can see a full list of options here 。如果您想添加自定义消息并验证它是否是有效的电子邮件地址，您可以这样做:

$(function() {
  $("form").validate({
    rules: {
      <%= tboxEmail.UniqueID %>: { required: true, email: true },
      <%= tboxPhone.UniqueID %>: "required"
    },
    messages: {
      <%= tboxEmail.UniqueID %>: "Please enter a valid email address",
      <%= tboxPhone.UniqueID %>: "Please enter a phone number"
    }
  });
});