台灣最大程式設計社群網站
線上人數
1051
 
會員總數:246691
討論主題:190104
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> 很多個textbox判斷只能輸入數字
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
很多個textbox判斷只能輸入數字
價值 : 30 QP  點閱數:2768 回應數:4
樓主

芋頭
初學者
247 457
3122 457
發送站內信

各位大大
因為小弟剛學js跟jquery,有個粗淺問題請教各位

我在網頁上有某一個區塊裡面有20個以上的textbox,因為這個區塊的textbox都要判斷是否為數字,能不能我傳id值進去onlyNum() 函數,函數裡我就不用每一個textbox都要寫一遍阿??
請問我的下方的程式要如何調整
謝謝指導~~~

<script type="text/javascript">
function onlyNum(){
$(document).ready(function(){
if (isNaN($('#TextBox3').val()))
{ alert("請輸入數字");}
});
}
</script>
<asp:TextBox id="TextBox3" runat="server" onblur="onlyNum();"></asp:TextBox>
<asp:TextBox id="Textbox4" runat="server" onblur="onlyNum();"></asp:TextBox>
<asp:TextBox id="Textbox5" runat="server" onblur="onlyNum();"></asp:TextBox>
....................

本篇文章發表於2014-03-24 14:59
1樓
回應

阿恢
捐贈 VP 給 阿恢 檢舉此回應
try看看,尤其是jquery那一段,不過若是我,我不會寫在onblur,我會寫在onkeypress裡...



像是這樣...


本篇文章回覆於2014-03-24 15:47
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

holmes
檢舉此回應
.Net 的 TextBox 控制項 render 到 html 其實還是 input type=text 的 html 控制項 ,
因此你可以使用如下的程式碼來判斷




JSBIN
本篇文章回覆於2014-03-25 21:27
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

holmes
檢舉此回應
修正前面的程式碼 ,

本篇文章回覆於2014-03-25 21:30
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
感覺你誤解了jquery的用法了。

其實只要用jquery。所有的on事件都可以交給jquery來幫你宣告。無需在元件內宣告on事件了。

你上面的jquery用法如下
isNaN



其中 $("input[id^='TextBox']")
代表的是找出 input 元件 ,id開頭是TextBox。
你也可以改成
$("input")
這樣代表是所有的input
你也不一定真的要用id。一般輸入框因該也都是有name
所以也可以將id改成name來使用。

事件宣告一次就好。這樣你在html內。不管你建立多少個元件。只要符合這個宣告。
都會自動幫你加事件進去。不用自已在那邊用on。

我範例上用的是 change事件 也就是值更新才會觸發的事件。
你也可以改用其它的事件。查一下jquery的事件吧。

其實大多是原來的on事件。只要去掉on就行了。

如原來在html內用的 onclick事件 在jquery就是click事件。
其它事件就依此類推。但最好還是查一下手冊。
本篇文章回覆於2014-03-27 06:42
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.