文本框爲空時的警報

-2

四個文本框位於JSP頁面中。輸入第一個文本框後，當我按標籤時，焦點移至第二個文本框。同樣的重點將在重複按標籤後的第3和第4個文本框。文本框爲空時的警報

<input type="text" id="textbox1"/> 
<input type="text" id="textbox2"/> 
<input type="text" id="textbox3"/> 
<input type="text" id="textbox4"/>

如果我從第一到第三個文本框移動沒有填寫第二個文本框，然後我想有來作爲「第二個文本框不能爲空」警報。同樣在第一個，第二個輸入數據之後，如果我正在移動到第四個文本框而沒有填充第三個文本框，那麼我想要一個警報作爲「第三個文本框不能爲空」。警告之後，重點必須再次放在該空白文本框上，焦點不能再移動。我怎樣才能做到這一點？

來源

2012-02-27 saroj

您剛剛在此處發佈了您的作業問題。你有什麼嘗試？你卡在哪裏？ – 2012-02-27 08:14:55

請在這裏閱讀第一點：http://stackoverflow.com/questions/how-to-ask – 2012-02-27 08:21:59

你已經用jQuery標記了問題，所以我給你一個jQuery解決方案。你可能想使選擇更具體一點，這取決於你的HTML：

$("input").blur(function() { 
    if(!this.value) { 
     alert("Text box " + ($(this).index() + 1) + " cannot be empty."); 
     this.focus(); //Keep focus on this input 
    } 
});

此結合事件處理程序的blur事件的元素（當字段失去焦點的時候觸發，無論是通過壓片，點擊其他地方或任何其他改變焦點的方法）。事件處理程序檢查該字段是否有值，如果不是，則會使用jQuery index方法獲取元素相對於其兄弟的索引。

這是working example。

來源

2012-02-27 07:50:30

雅它顯示警報，但如果第二個文本框爲空，如果我正在移動，焦點將不會移動到第3個文本框到第三個文本框沒有填充第二個文本框然後警報會來，也將焦點將在第二個文本框再次輸入數據 – saroj 2012-02-27 07:56:05

我剛剛在我的問題的最後一句話中添加了一個 – saroj 2012-02-27 07:57:41

@student - 我編輯了代碼。你只需要將焦點放回當前的「輸入」。 – 2012-02-27 08:02:56

文本框爲空時的警報

回答

相關問題