input輸入方塊只能輸入數字、字母相關組合(正規表示式)

angryTom
發布: 2019-11-25 17:12:38
轉載
3900 人瀏覽過

input輸入方塊只能輸入數字、字母相關組合(正規表示式)

簡介:公司網站做試用用戶申請窗口,為防止用戶錯誤輸入,給予input適當控制,能夠防止用戶輸入錯誤,同時也能減少公司垃圾數據,當然,如果更大程度避免垃圾數據,最好還是後端正規驗證,以下是我記錄的input常用正規表示式,希望能帶給大家方便。

( 推薦學習:html教學 )  

下面是input常用到正規則表達式:

<!doctype html>
<html>
    <meta charset="utf-8" />
    
    <body>只允许输入正整数:
        <input type=&#39;text&#39; onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,&#39;&#39;)">
        <br/>
        <br/>只允许输入英文:
        <input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,&#39;&#39;)">
        <br/>
        <br/>只允许允许输入数字和字母:
        <input onKeyUp="value=value.replace(/[\W]/g,&#39;&#39;)">
        <br/>
        <br/>允许输入大小写字母、数字、下划线:
        <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,&#39;&#39;);">
        <br/>
        <br/>允许输入小写字母、数字、下划线:
        <input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,&#39;&#39;);">
        <br/>
        <br/>允许输入数字和小数点:
        <input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,&#39;&#39;)">
        <br/>
        <br/>允许输入中文、数字、英文:
        <input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, &#39;&#39;)">
        <br/>
        <br/>
    </body>

</html>
登入後複製

以上是input輸入方塊只能輸入數字、字母相關組合(正規表示式)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:刘锁个人博客
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板