Question

以下是我要完成的代码的一般版本（代码非常不完整，只是为了提供一般性的想法）：

$(document).on('blur', '#idofTextbox', function(event) {

  function SaveData(URI, stringVal, success, failure) {
   $.ajax({
    //Initialize json Object here
    });
  }

  SaveData("/myURL", "myString", successFunction, failureFunction);

  function successFunction(response) {
      var successString = 'Valid';
      $('#successMsgTextArea').text(successString);
      $('#successMsgTextArea').removeAttr('class', 'errorMsg');
      $('#successMsgTextArea').attr('class', 'successMsg');
   }

  function failureFunction(response) {
      var successString = 'Invalid';
      $('#successMsgTextArea').text(successString);
      $('#successMsgTextArea').removeAttr('class', 'successMsg');
      $('#successMsgTextArea').attr('class', 'errorMsg');
   }
}); //end of blur event

基本上，我有两个类，一个有红色X图像，另一个有复选标记图像。当用户输入值时，我通过检查它是否在数据库中来检查该值是否有效。如果它有效，我首先删除以前的类样式（如果它从无效切换到有效）。然后我显示'有效'并有一个复选标记（通过赋予它successMsg类），如果错误，我显示'无效'并且除了消息之外还有一个X（通过为其指定errorMsg类）。但是，当我测试它时，会显示错误文本，但类永远不会更新。我做错了吗？

JQuery修改document.on上的一个元素（＆＃39; blur＆＃39;）

0 个答案: