element.setCustomValidity dường như không hoạt động

Question

Tôi có sự kiện thay đổi trên trường email được cho là xác thực rằng địa chỉ email là duy nhất sử dụng cuộc gọi ajax. Vấn đề là nó nói với tôi rằng phần tử không hỗ trợ phương thức setCustomValidity. Hãy giúp tôi.

$("#tbEmail").change(function (event) { 
    var obj = new Object(); 

    obj.email = $("#tbEmail").val(); 
    var params = JSON.stringify(obj); 

    $.ajax 
    (
     { 
      type: "POST", 
      url: "./controllers/Consumer.aspx/validateEmail", 
      data: params, 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (result) { 
       if (result.d != 0) { 

        var element = $("#tbEmail"); 
        element.setCustomValidity('The email address entered is already registerd.'); 
        alert(element.checkValidity()); 
        alert(element.validationMessage); 
       } 
       else { 
        $("#tbEmail").setCustomValidity(""); 
       }; 
      }, 
      error: function (result) { ProcessError(result) } 
     } 
    ); 

}) 

Answer 1

setCustomValidity là API DOM không phải API jQuery. Ngoài ra, nó cần phải là trình duyệt tương thích HTML5 và một biểu mẫu.

var element = $("#tbEmail")[0]; 
element.setCustomValidity('The email address entered is already registerd.'); 

Answer 2

sử dụng get(0).

var element = $("#tbEmail").get(0); 
    element.setCustomValidity('The email address entered is already registerd.'); 

Answer 3

Một cách tiếp cận đơn giản này, thêm "[0]":

$("#tbEmail")[0].setCustomValidity("")