我有一個text box
,我對text box
輸入數據,我想要做的是:如果我將進入4 characters
並skip that text box by pressing TAB key
然後一個警報會爲"data should be more than 4 characters"
,然後文本框將是auto refreshed
。如果輸入的數據超過4個字符,則不會發出警報,但我正在嘗試onkeyup事件,但有些地方我做錯了。任何幫助請警報和自動刷新文本框,如果長度爲4
回答
我不知道你的意思是「那麼文本框會自動刷新」,所以我會猜測你想把光標放回該字段。至於Tab鍵出來的時候檢查值的長度你想要的.change()
或.blur()
事件:
$("input[type=text]").change(function() {
if (this.value.length <= 4) {
alert("Please enter more than 4 characters.");
this.focus();
return false;
}
});
模糊事件將每隔焦點離開現場時觸發;如果用戶立即再次跳出該字段而不更改它,則不會再次觸發更改事件。我更喜歡在表單提交時使用更改和額外的驗證,以便用戶不會收到警報(儘管實際上我不會顯示任何提醒,我會將該消息放在下一頁上到現場)。
如何在blur
?
var el = $('#textbox').blur(function(e) {
if (el.val().length > 4) {
return;
}
el.focus();
alert('data should be more than 4 characters');
});
請注意,這種技術會導致糟糕的用戶體驗。顯示與您的元素內聯的消息將優於阻止用戶與其他任何事物交互。
非常感謝Eli的回覆,請讓我試試你的代碼 – Tom 2012-03-05 05:23:45
有一些可能導致你有意思的觀點:
是的,你是對的,我不應該只依靠javascript,那麼我該如何解決這個JavaScript關閉問題? – Tom 2012-03-05 05:25:12
@你可以用服務器端語言進行驗證,(我最喜歡的是PHP,但還有很多其他的)。但是,在生死攸關的情況下,您應該使用這種額外的措施,在這種情況下,注入物質會對您造成很大的問題 – ajax333221 2012-03-05 05:30:25
「生命或死亡時」?您應該在您的服務器端代碼中進行_always_驗證。 – nnnnnn 2012-03-05 05:34:59
- 1. 報表生成器自動刷新使用文本框的值
- 2. 帶文本刷新的ANDROID警報對話框
- 3. html5基本警報和文本框
- 4. TableView刷新和文本框
- 5. 如果聲明爲自動刷新
- 6. 自動刷新iccube報告
- 7. 文本框爲空時的警報
- 8. Javascript警報和文本框輸入
- 9. ASP.NET文本框警報
- 10. 如何刷新System.IO.DirectoryInfo.GetFiles()。長度
- 11. 刷新文本框
- 12. 刷新文本框
- 13. 自動文本框寬度
- 14. json自動刷新和檢索結果
- 15. 推送通知警報文本的最大長度是多少?
- 16. 使腳本刷新(自動刷新)
- 17. 角度4 - 動作後刷新
- 18. 警報與新網站DIV刷新
- 19. 格式文本框WPF startselection和長度
- 20. 如何在自定義警報對話框中設置文本?
- 21. 自動更新文本框
- 22. 自動關閉警報對話框
- 23. CasperJS和警報框
- 24. 更新JComboBox後,如何刷新框的長度
- 25. PHP文本框長度
- 26. 如何在android中爲文本視圖設置自動刷新?
- 27. 在文本視圖中自動刷新
- 28. 改變文本框的高度和邊框寬度JavaScript警告
- 29. 在達到最大長度後自動切換文本框
- 30. 如何通過取消舊警報和添加新警報來更新警報?
「自動刷新」是什麼意思? – ajax333221 2012-03-05 05:12:52
你能顯示你的代碼嗎? – 2012-03-05 05:13:02
@ ajax333221自動刷新意味着文本框將再次爲空,用戶必須再次輸入數據到該文本框中。如果輸入的數據超過4個字符,則一切正常,但如果輸入的數據是4或小於4,則警報將出現以及文本框將變爲空 – Tom 2012-03-05 05:15:41