笔记——》前端相关

1，input输入框校验。只能输入正整数

οnkeyup="this.value=this.value.replace(/\D|^0/g,'')" onafterpaste="this.value=this.value.replace(/\D|^0/g,'')"

eg:

<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，input框只能输入长度不超过3位数的字符

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

3，根据自定义元素获取对象。这个input框我加了两个自定义属性，mid、menulevel

<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和name已经class选择器获取元素节点，而是根据一个自定义元素mid获取节点，方法如下：

document.querySelector('[mid="4"]') 

根据一个自定义属性获取另一个该节点的自定义属性，需要通过getAttribute("自定义属性名")来获取

document.querySelector('[mid="4"]').getAttribute("menulevel")