Verificación del valor de entrada de formulario (las restricciones de entrada se realizan en el evento de entrada, solo se pueden ingresar números positivos (incluidos números enteros y decimales))

La verificación de formularios es definitivamente un problema común en el desarrollo diario. No entraré en detalles. Esta vez quiero compartir con ustedes un método más perfecto para resolver la verificación de entrada numérica...

Cuando se utiliza el formulario Elemento, la forma normal es establecer las reglas de verificación en el atributo de reglas y realizar la verificación cuando se envía el formulario, o restringir la entrada mediante reglas regulares en el atributo onkeyup. Sin embargo, onkeyup reflejará el proceso de reemplazo. lo que puede causar una experiencia de usuario no muy amigable y el simple hecho de usar expresiones regulares no puede resolver perfectamente la necesidad de restricciones de entrada... 

Lo que compartiré a continuación son las restricciones de entrada en el evento de entrada y, al mismo tiempo, puede resolver algunos problemas causados ​​por onkeyup... No entraré en detalles, solo pegue el código...

 

weightIpt() {
	const reg = /^[+]{0,1}(\d+\.?\d*|\.\d+)$/;
    if (!reg.test(this.formData.goodWeight)) {
          this.formData.goodWeight = this.formData.goodWeight.replace(/[^\d.]/g, '');
		  const index = this.formData.goodWeight.indexOf('.');
          if (index !== -1 && this.formData.goodWeight.indexOf('.', index + 1) !== -1) {
            this.formData.goodWeight = this.formData.goodWeight.substr(0, index + 1) + 
            this.formData.goodWeight.substr(index + 1).replace(/\./g, '');
          }
    }
}