Notas: "Relacionado con el front-end

1. Marque la casilla de entrada. Solo se pueden ingresar números enteros positivos

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

p.ej:

<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. El cuadro de entrada solo puede ingresar caracteres con una longitud que no exceda los 3 dígitos

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

3. Obtenga objetos basados ​​en elementos personalizados. Agregué dos atributos personalizados a este cuadro de entrada, mid y 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' : '' }}>

Aquí, en lugar de obtener el nodo del elemento basado en la identificación y el nombre del selector de clase, obtenga el nodo basado en un elemento personalizado mid. El método es el siguiente:

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

De acuerdo con un atributo personalizado para obtener otro atributo personalizado del nodo, debe obtenerlo a través de getAttribute ("nombre de atributo personalizado")

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

Supongo que te gusta

Origin blog.csdn.net/nienianzhi1744/article/details/103029085
Recomendado
Clasificación