当前位置: 首页 > 知识库问答 >
问题:

javascript - js 表单输入内容限制正则怎么写?

孟征
2023-07-24

在表单中,对输入的字符进行限制,允许输入的字符为大小写字母,数字,点号,斜杠,当输入其他,如汉字时,则不允许输入

允许格式的正则:/^[a-zA-Z0-9_.-/]+$/g
当对value进行限制时,采用的正则为上面正则取反,/^1+$/g,采用replace时,如果起初输入汉字,会无法键入,如果输入数字啥的,再键入汉字,就可以键入,这个正则要怎么写?


  1. a-zA-Z0-9_.-/ ↩

共有1个答案

澹台承载
2023-07-24

let regex = /^[a-zA-Z0-9_.-/]*$/;

<template>  <div>    <el-input      v-model="inputValue"      @input="handleInput"    ></el-input>  </div></template><script>export default {  components: {    ElInput  },  data() {    return {      regex: /^[a-zA-Z0-9_.-/]*$/,      inputValue: ''    };  },  methods: {    handleInput(value) {      if (!this.regex.test(value)) {        this.inputValue = value.slice(0, -1);      }    }  }};</script>
 类似资料:
  • js 获取怎么复制的内容, navigator.clipboard.readText()有兼容性问题,线上不生效。

  • 本文向大家介绍js输入框使用正则表达式校验输入内容的实例,包括了js输入框使用正则表达式校验输入内容的实例的使用技巧和注意事项,需要的朋友参考一下 js输入框输入校验 以上这篇js输入框使用正则表达式校验输入内容的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 正则获取指定字符到下一个大写字符之间的内容

  • 本文向大家介绍JS简单限制textarea内输入字符数量的方法,包括了JS简单限制textarea内输入字符数量的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS简单限制textarea内输入字符数量的方法。分享给大家供大家参考。具体如下: 这里演示JS限制一个area内的字符不能超过255,多余则截取。 代码如下: 希望本文所述对大家的JavaScript程序设计有所帮助。

  • 本文向大家介绍js限制文本框的输入内容代码分享(3类),包括了js限制文本框的输入内容代码分享(3类)的使用技巧和注意事项,需要的朋友参考一下 为大家分享的JavaScript限制文本框的输入内容代码如下 运行效果图: 下面再给大家补充一些: 小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号: 文本框只能输入数字代码(小数点也不能输入) 其实还可以限制其他内容,比如只能是字母,

  • 本文向大家介绍javascript表单正则应用,包括了javascript表单正则应用的使用技巧和注意事项,需要的朋友参考一下 以下是之前练习正则表达式时候做的js表单测试. input里的value用.test()比较以后,处理正则和需求,反馈,代码欠优化,但功能完善,仅供参考学习 html部分 css部分>> javascript部分,这边使用的是dom2级操作,先封装好事件对象,在IE和非I