el-input restringe la entrada de caracteres

1. Solo se admiten números

<el-input
  v-model="value"
  placeholder="请输入"
  clearable
  @input="value = value.replace(/[^\d]/g,'')">
</el-input>

2. Mantenga números y decimales, y mantenga los dos últimos lugares decimales

<el-input
  v-model="value"
  placeholder="请输入"
  clearable
  @input="value = value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.')
  .replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
  .replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')">
</el-input>

3. Solo se admiten mayúsculas y minúsculas en inglés

<el-input
  v-model="value"
  placeholder="请输入"
  clearable
  @input="value = value.replace(/[\W]/g, '')">
</el-input>

4. Solo se admiten letras y caracteres chinos

<el-input
  v-model="value"
  placeholder="请输入"
  clearable
  @input="value = value.replace(/[^\a-\z\A\u4E00-\u9FA5]/g,'')">
</el-input>

5. Solo se admiten números enteros positivos

<el-input
  v-model="value"
  placeholder="请输入"
  clearable
  onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))">
</el-input>

Supongo que te gusta

Origin blog.csdn.net/weixin_46054723/article/details/129199313
Recomendado
Clasificación