js表單驗證，實現文本框只能輸入中文和英文

新建一個HTML文件，定名為test.html，用于講解js驗證中英文輸入。

在test.html頁面，建立一個form表單，在form表單內利用input建立一個文本輸入框，并設置其id為user，用于下面經由過程id獲得input對象。

在form表單內，建立一個type類型為button的input按鈕，用于點擊實現驗證。

給input按鈕綁心猿意馬onclick點擊事務，當點擊按鈕時，觸發點擊事務執行yanzheng()函數來驗證輸入內容。

在yanzheng()函數內，利用document.getElementById()方式獲得input文本框的輸入內容，用于下面進行內容的驗證。

在yanzheng()函數內，編寫驗證中英文的正則表達式，并作為正則對象保留在ex變量中。

在yanzheng()函數內，經由過程search()方式進行中英文正則驗證，當文本框的內容是中英文字符時，返回true，當文本框輸入的不是中英文時提醒“只能輸入中文或英文”。

在瀏覽器運行test.html文件，查看驗證結果。

0 條評論