注-「フロントエンド関連

1.入力ボックスをチェックします。入力できるのは正の整数のみです

οnkeyup= "this.value = this.value.replace（/ \ D | ^ 0 / g、 ''）" onafterpaste = "this.value = this.value.replace（/ \ D | ^ 0 / g、 '' ）」

例えば：

<input name="mysqlParamValue" id="mysqlParamValue" placeholder="请输入参数值"   class="layui-input" maxlength="5"  onkeyup="this.value=this.value.replace(/\D|^0/g,'')" onafterpaste="this.value=this.value.replace(/\D|^0/g,'')"/>

2.入力ボックスには、3桁を超えない長さの文字のみを入力できます

<input name="mysqlParamValue" id="mysqlParamValue" placeholder="请输入参数值"   class="layui-input" maxlength="5" oninput="if(value.length>3)value=value.slice(0,3)"/>

3.カスタム要素に基づいてオブジェクトを取得します。この入力ボックスに、midとmenulevelの2つのカスタム属性を追加しました

<input type="checkbox" id="updateHtmlAuth" name="updateHtmlAuth" value="{
   
   {d.hasHtmlAuth}}"
       mid={
   
   {d.menuId}} menulevel={
   
   {d.menuLevel}} lay-skin="switch" lay-text="开|关" lay-filter="updateHtmlAuth" {
   
   {d.hasHtmlAuth? 'checked' : '' }}>

ここでは、すでにクラスセレクターであるIDと名前に基づいて要素ノードを取得する代わりに、カスタム要素midに基づいてノードを取得します。メソッドは次のとおりです。

document.querySelector（ '[mid = "4"]'） 

ノードの別のカスタム属性を取得するためのカスタム属性によると、getAttribute（ "custom attribute name"）を介して取得する必要があります。

document.querySelector（ '[mid = "4"]'）。getAttribute（ "menulevel"）