2015-01-01 92 views
0

我想在ajax成功顯示工具提示消息,但我堅持代碼,但CSS正在工作。ajax成功調用定製驗證

$(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(""); 
    } 
} 

感謝它不適合我的工作其實我想告訴與我在阿賈克斯sucess文本框的CSS效果的提示消息。 CSS正在工作,但我無法顯示工具提示。

+0

通話功能'... –

+0

請參閱我的答案.. :) – Tushar

回答

0

在成功添加ajax後添加響應對象....因爲setCustomValidity()函數需要一個參數。您可以在處理結果的回調函數傳遞:通過參數`setCustomValidity(響應)

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

'success'需要一個*功能*回調,'setCustomValidity()'似乎並沒有返回一個... – haim770

+0

@ haim770編輯... – Tushar

+0

感謝Tushar,但它並沒有爲我工作實際上我想顯示一個工具提示消息與css效果與我的文本框ajax成功。 CSS正在工作,但我無法顯示工具提示。 –