Webフロントエンドを戦うことを得る:HTMLデジタル入力ボックス--- /中国/レター/合成

免責事項:この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。
このリンク: https://blog.csdn.net/wewfdf/article/details/102631951

あなただけの中国語を入力することができます:

<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g '')">  
   

あなたは英語のみを入力することができます。

<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g '')">        
    

(禁止は小数点を入力してください)数字のみを入力します。

<input onkeyup="this.value=this.value.replace(/\D/g '')" onafterpaste="this.value=this.value.replace(/\D/g '')">
 

あなたが唯一の番号を入力することができ、あなたは小数点を入力することができます。

方法一:<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">    
方法二:<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">    
方法三:<input onkeyup="this.value=this.value.replace(/[^\d.]/g '')" onafterpaste="this.value=this.value.replace(/[^\d.]/g '')" >  

あなたは数字のみを入力することができますし、

<input onKeyUp="value=value.replace(/[^\d|chun]/g '')">  
  

文字だけと中国

<inputonkeyup="value=value.replace(/[\d]/g '')"onbeforepaste="clipboardData.setData('text' clipboardData.getData('text').replace(/[\d]/g ''))"maxlength=10 name="Numbers">  

```  

只能输入字母和数字

  

入力中国を無効にします

<input type="text" oninput="this.value=this.value.replace(/[\u4e00-\u9fa5\d]/g '');" value="" />
  

プログラム上の誰もが、ウェブのフロントエンドに興味を持って、業界の友人の深い理解に、計画を学ぶために勉強したい場合は、私たちは、フロントエンドの学習バックルqunを追加することができます:784783012人の友人を、あなたは私が歓迎している、学生であるか、切り替えたいかどうか、ではありません誰もが共有するために定期的に乾燥し、Webフロントエンドを終えた2019年最新の学習教材と0の基本チュートリアルを共有:学習前、我々は真剣に考えています

制約のMIN、MAX、およびステップ属性は、日付をデジタル入力タイプを備えます。
分の属性は、入力フィールドに許可される最小値を指定します。
最大属性は、最大許容入力フィールドを指定します。
step属性は、法的な番号の入力フィールド間隔を指定します

おすすめ

転載: blog.csdn.net/wewfdf/article/details/102631951