jQuery的「返回false」不更新面板

Question

我用jQuery來驗證放在更新面板內的文本框

$("[id*='btnCreate']").live('click', function() 
{ 
    var regex = new RegExp("^[a-zA-Z0-9]+$"); 
    if (!regex.test($("[id*='txtbxTemplateName']").val())) 
    { 
    alert('hit'); 

    $("[id*='lblError']").text() = 'Template name is invalid!'; 

    return false; 
    } 
}); 

click事件函數被調用內部的正常工作，但是返回false，它仍然擊中後後面的代碼。

請幫我解決這個問題。

Answer 1

我認爲你的意思是「仍然擊中代碼背後」，按鈕的默認操作沒有被阻止。這是因爲代碼永遠不會獲取return false，因爲一個錯誤：

$("[id*='lblError']").text() = 'Template name is invalid!'; 
return false; 

應該

$("[id*='lblError']").text('Template name is invalid!'); 
return false; 

你剛剛暴露出來，但是，爲什麼return false是一個糟糕的方式來防止的默認操作事件。這很糟糕，因爲錯誤處理程序中的任何錯誤都將意味着默認操作不會被阻止，因爲return false是處理程序中的最後一個語句。

如果您使用event.preventDefault()，會發生各種美麗的事情。其中最主要的是你可以在處理程序的早些時候發表聲明：

$("[id*='btnCreate']").live('click', function (event) { 
    var regex = new RegExp("^[a-zA-Z0-9]+$"); 
    if (!regex.test($("[id*='txtbxTemplateName']").val())) { 
    event.preventDefault(); 
    alert('hit'); 
    $("[id*='lblError']").text('Template name is invalid!'); 
    } 
});