vueの操作方法入力入力確認英数字の組み合わせで長さが30文字未満-jsチュートリアル-php.cn

vueの操作方法入力入力確認英数字の組み合わせで長さが30文字未満

php中世界最好的语言

リリース： 2018-05-29 14:55:14

オリジナル

6935 人が閲覧しました

今回は、vue input を操作して検証文字と数字の組み合わせを入力し、長さが 30 文字未満である場合の注意事項を説明します。以下に実際のケースを見てみましょう。

文字と数字の組み合わせの長さが 30 未満であることを確認するための vue 入力用のコードが共有されています。具体的なコードは次のとおりです。

<Input v-model="form.glhm" placeholder="请输入关联交易号" style="width:240px" @on-blur="validateJyh(form.glhm)"></Input> 
validateJyh(glhm){//校验关联交易号 
    var reg = /^[A-Za-z0-9]{1,30}$/; 
    if(!reg.test(glhm)){ 
     this.$Message.error("请输入字母或数字组成的交易关联号"); 
     this.form.glhm = &#39;&#39;; 
    } 
   },

ログイン後にコピー

以下を見てみましょう。 Vue.Js の下の入力ボックスは、数字と制限桁のみを入力でき、中国語の入力と貼り付けを制限します

var tr = document.getElementById("Id1"), // 取得ID为Id1的tr对象
 inps = tr.getElementsByTagName(&#39;input&#39;); // 从tr 对象中获取所有input对象
for(var i = 0, len = inps.length; i < len; i++) {
 inps[i].value = &#39;&#39;; // 将每一个input的value置为空
}
document.getElementById("t").getElementsByTagName(&#39;input&#39;)[0].value=&#39;&#39;;

ログイン後にコピー

中国語を入力して空白のままにする方法

<el-input
@change="checkNo(searchForm.msel.mselTotalConsumTimes)"
type = "text"
onkeypress="return event.keyCode>=48&&event.keyCode<=57"
size="small"
:maxlength="6"
style="width: 120px"
v-model="searchForm.msel.mselTotalConsumTimes"></el-input>
 次
</el-col>
checkNo(value){
let reg = /^[1-9]\d*$/;
if (value) {
if (value >
999999 || new
RegExp(reg).test(value) ==
false) {
setTimeout(() 
=> {
this.searchForm.msel.mselTotalConsumTimes =&#39;&#39;;
   }, 500);
}
}
},

ログイン後にコピー

この記事の事例を読んだ後、あなたは方法をマスターしたと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事にご注目ください。

推奨書籍:

Vue を使用して Amap を作成し、リアルタイムバスアプリケーションを構築する方法

seajs を使用して require で規約を記述する方法

以上がvueの操作方法入力入力確認英数字の組み合わせで長さが30文字未満の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。