關於前端輸入框的限制和有效值

2022-09-18 02:33:34 字數 624 閱讀 2461

作為新手,經常會忽略一些容易造成程式出錯的細節,這也是有經驗之人與新手的區別。

經驗豐富的人,會很好的限制和規範使用者的輸入,來提高程式的穩定性和健壯性。

比如,乙個簡單的文字域,新手往往覺得能夠輸入和取到值就可以了,往往忘記對資料進行限制。

($("#message").val()!=null&&$("#message").val()!=""),認為不為空就是有效值

2、其實,我們只要輸入幾個空格就可以跳過上面的判斷,後來,我們進一步加入限制,對輸入中進行去空格,再判斷

($("#message").val().trim()!=null&&$("#message").val().trim()!=""),這樣有點效果了。

3、但是,這時我們又忽略了資料的長度限制,如果不加以限制,使用者的資料很長或者輸如不規範的資料容易造成程式出錯

這時,我們可以用js限制輸入值得長度,但其實可以加上 maxlength來限制。這樣,就能避免一般的錯誤了。

4、甚至,有時候對於一些特殊字元,如html元素等也要加以轉義。

5、再者,對於按鈕,我們也應該設定不能讓使用者同一請求多次提交,以減少伺服器的消耗。

6、對於一些簡單的資料校驗,我們應該盡量在前端進行判斷限制,只把真正需要的資料傳到後台服務中去。

jquery 前端文字框,限制輸入框文字輸入

在web專案前端開發中,對表單的校驗以及對文字的限制輸入都是必須的。鑑於此,想把文字框限制輸入,都交給統一的指令碼來處理。方法 在需要做文字輸入控制的文字框中加屬性rule屬性,rule屬性值為一正規表示式。然後通過呼叫繫結方法來繫結擁有該屬性的可輸入文字框或文字域,根據rule值限制文字輸入。例如...

關於輸入框限制,字母 數字 漢字

1.文字框只能輸入數字 小數點也不能輸入 2.只能輸入數字,能輸小數點.3.數字和小數點方法二 4.只能輸入字母和漢字 5.只能輸入英文本母和數字,不能輸入中文 6.只能輸入數字和英文 chun 7.小數點後只能有最多兩位 數字,中文都可輸入 不能輸入字母和運算符號 57 event.keycode...

文字框限制輸入型別的輸入框

最近在開發完乙個專案後,又測試人員測試bug,然後我根據他們測試出來的bug乙個乙個的改,然後就遇到了乙個問題,文字框是用來搜尋,但是,比如這個文字框是用來搜尋年齡的區間,輸入條件的時候,如果輸入了非數字的字元就不能輸入。像這樣的問題,其實可以通過正規表示式來做的,我們開發的專案中是已經有相應的正規...