爲什麼jquery不適用於asp.net textbox的CssClass屬性？

我正試圖驗證文本框，用jQuery實現asp.net頁面中的「僅字母」屬性。爲什麼jquery不適用於asp.net textbox的CssClass屬性？

下面是代碼

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 

    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
    .............codes............. 

     <script type="text/javascript"> 
    $('.alph').keypress(function (e) { 
     var regex = new RegExp("^[a-zA-Z\s]+$"); 
     var str = String.fromCharCode(!e.charCode ? e.which : e.charCode); 
     if (regex.test(str)) { 
      return true; 
     } 
     else { 
      e.preventDefault(); 
      alert('Alphabets only'); 
      return false; 
     } 
    }); 
    </script> 
.............codes............. 

<asp:TextBox ID="txt_name" CssClass="alph" BorderColor="Gray" Font-Size="Large" Height="25" Width="250" runat="server"></asp:TextBox>

此代碼沒有工作，我相信我的計算機連接到互聯網，達到code.jquery.com。請幫幫我。

來源

2014-12-25 Manoj Maximum

當您向開發者控制檯輸入$（'。alph'）時，您能看到顯示的文本框嗎？ – Sefa

好吧，讓我試試..請稍等片刻 –

你的意思是智力！當我嘗試添加cssclass道具時，它沒有彈出「alph」作爲列出的項目之一 - @ vgSefa –

試試這個腳本代碼後Document.ready塊

$(document).ready(function(){ 

    $('.alph').keypress(function (e) { 
     var regex = new RegExp("^[a-zA-Z\s]+$"); 

     var str = String.fromCharCode(!e.charCode ? e.which : e.charCode); 
     if (regex.test(str)) { 
      return true; 
     } 
     else { 
      e.preventDefault(); 
      alert('Alphabets only'); 
      return false; 
     } 
    }); 

});

之前，你可以放心地使用jQuery，你需要確保該網頁是在它已經準備好被操縱的狀態。使用jQuery，我們通過將代碼放入函數中，然後將該函數傳遞給$(document).ready()來完成此操作。我們傳遞的函數可以只是一個匿名函數。

來源

2014-12-25 14:08:28

我想到了。謝謝 –

最受歡迎..你可以在這裏找到更多關於文檔準備http://stackoverflow.com/questions/13062246/when-should-i-use-jquerys-document-ready-function –

我的錯！由於我是Jquery的新手，我不知道'doc.ready'我修正了代碼爲

$(document).ready(function() { 
$('#<%=txt_name.ClientID %>').keypress(function (e) { 
     var regex = new RegExp("^[a-zA-Z\s]+$"); 
     var str = String.fromCharCode(!e.charCode ? e.which : e.charCode); 
     if (regex.test(str)) { 
      return true; 
     } 
     else { 
      e.preventDefault(); 
      alert('Alphabets only'); 
      return false; 
     } 
    }); 
    });

代碼完美無缺！

來源

2014-12-25 14:09:15

爲什麼jquery不適用於asp.net textbox的CssClass屬性？

回答

相關問題