溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

正則表達式實現(xiàn)input只能輸入數(shù)字、字母相關(guān)組合的方法

發(fā)布時間：2020-06-24 11:09:45 來源：億速云 閱讀：180 作者：Leah 欄目：web開發(fā)

本篇文章展示了正則表達式實現(xiàn)input只能輸入數(shù)字、字母相關(guān)組合的方法具體操作，代碼簡明扼要容易理解，絕對能讓你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

簡介：公司網(wǎng)站做試用用戶申請窗口，為防止用戶錯誤輸入，給予input適當控制，能夠防止用戶輸入錯誤，同時也能減少公司垃圾數(shù)據(jù)，當然，如果更大程度避免垃圾數(shù)據(jù)，最好還是后端正則驗證，下面是我記錄的input常用正則表達式，希望能給大家?guī)矸奖恪?/p>

下面是input經(jīng)常用到正則表達式：

<!doctype html>
<html>
    <meta charset="utf-8" />
    
    <body>只允許輸入正整數(shù)：
        <input type='text' onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,'')">
        <br/>
        <br/>只允許輸入英文:
        <input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
        <br/>
        <br/>只允許允許輸入數(shù)字和字母：
        <input onKeyUp="value=value.replace(/[\W]/g,'')">
        <br/>
        <br/>允許輸入大小寫字母、數(shù)字、下劃線：
        <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');">
        <br/>
        <br/>允許輸入小寫字母、數(shù)字、下劃線：
        <input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');">
        <br/>
        <br/>允許輸入數(shù)字和小數(shù)點：
        <input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,'')">
        <br/>
        <br/>允許輸入中文、數(shù)字、英文:
        <input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">
        <br/>
        <br/>
    </body>

</html>

看完上述內(nèi)容，你們掌握正則表達式實現(xiàn)input只能輸入數(shù)字、字母相關(guān)組合的方法的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手