檢查標籤值變化

Question

<label id="error_msg"></label> 

現在，我想提醒消息，請填寫文本框，每當有在error_msg

也很看重變化，我要檢查標籤是否爲空。如果標籤爲空，則警告不應該發生。

我寫的代碼，但它不以某種方式工作

$("#error_msg").change(function() { 
    alert('hi'); 
}); 

幫助球員。

Answer 1

您需要監視Dom對標籤的更改。退房的易於使用的jQuery插件在http://james.padolsey.com/javascript/monitoring-dom-properties/

如果你想驗證，我強烈建議使用驗證插件http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 2

jQuery的change()方法只適用於某些元素和label是不是其中之一。

http://api.jquery.com/change/

變化事件被髮送到當它的值的變化的元件。此事件僅限於輸入元素，textarea框和選擇元素。

Answer 3

如果您通過JavaScript改變元素的文本/值的變化事件不會被觸發 - 它只有當用戶改變的東西（比如在選擇在輸入文本，或選擇項目時會發生）。

如果您控制設置標籤文本的代碼，您可以編寫自定義函數，既可以設置文本，也可以運行「事件處理程序」，並在您想要更改#error_msg的文本時調用此函數：

function set_error_msg(txt) 
{ 
    $('#error_msg').text(txt); 
    if(txt) 
    { 
     //There's text in the label - show your alert... 
    } 
} 

但是，如果變化是從別的地方來（代碼的控制之外），你就必須啓動一個循環，檢查每XXX秒，看看文本改變了 - 被稱爲一個過程忙碌的等待，並且通常被認爲是不好的事情...

希望這有助於！

Answer 4

我還沒有能夠測試出來，但是假設你改變你的標籤使用JavaScript你能不能手動觸發變化（）

如

$("#error_msg").text("hello").change(); 

Answer 5

我想，查詢驗證插件將自動更改錯誤標籤。此外，我有以下腳本進行驗證和錯誤放置。

$('#account').validate({ 
    rules:{ 
      username: {required: true}, 
      password: {required: true}, 
      email: {required: true, email: true}, 
      fullname: {required: true}}, 
    messages: { 
      username: "Category name is required", 
      password: "Password is required", 
      fullname: "Full Name is required", 
      email: "Valid email is required" 
     },  
    errorPlacement: function(error, element){ 
      $(element).each(function(){ 
      $(this).parent('td').find('p.error').html(error); 
     }); 
}})  

和HTML是這樣的

<td><input type="text" name="username" value="<?php echo $user['username']; ?>" size="40"/> 
    <p class="error"></p> 
    </td> 

現在，如果你計劃ALERT錯誤信息，然後

errorPlacement: function(error, element){ 
      var errors = new Array(); 
      $(element).each(function(){ 
      $(this).parent('td').find('p.error').html(error); 
      errors.push(error); 
     }); 
     alert(errors.join(" ")); 
    }