关于JS特殊字符的校验

特殊字符校验:

                 非form 方式

        var re=/[,\s_'’‘\"”“|\\~#$@%^&*!。;\/<>\??]/;   

       if(re.test(code.value)){

        alert("编号不能含有特殊字符,请重新输入!");

         code.focus();

         return;

       }

              Form 方式

        var re=/[,\s_'’‘\"”“|\\~#$@%^&*;\/<>\??]/;

        if(re.test(f.typeName.value)){

        alert("节点名称不能含有特殊字符,请重新输入!");

        document.all("typeName").focus();

        return;

        }

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,可以编译到 iOS、Android、H5、以及各种小程序等多个平台。在使用 uni-app 开发时,经常会遇到需要校验输入框(input)内容的场景,包括校验特殊字符。 对于 uni-app 的 input 特殊字符校验,你可以采取以下几种方法: 1. 自定义校验方法:编写 JavaScript 函数来校验输入的字符串是否包含不允许的特殊字符。例如,如果你想禁止输入特殊字符,可以使用正则表达式来匹配这些字符。 ```javascript function checkSpecialChar(value) { // 正则表达式中,特殊字符通常是指非字母、非数字以及非下划线的字符 // 这里以禁止大部分特殊字符为例,保留部分特殊字符如空格和标点 const specialCharPattern = /[\(\)\{\}\[\]\;\:\'\"\,\<\>\.\?\!\-\_\\\/\|]/g; return !specialCharPattern.test(value); } // 使用示例 let inputValue = '这是一个测试input'; console.log(checkSpecialChar(inputValue)); // 应该返回true,因为没有特殊字符 ``` 2. 使用 HTML5 输入类型:利用 HTML5 的输入类型属性来限制输入。例如,如果你想限制用户只能输入数字,可以使用 `type="number"`。 ```html <template> <view> <input type="text" v-model="inputValue" placeholder="输入文本,限制特殊字符" /> </view> </template> <script> export default { data() { return { inputValue: '' } }, methods: { onInput(value) { // 在这里可以进行特殊字符校验 if (!checkSpecialChar(value)) { // 如果校验不通过,可以在这里处理,比如提示用户或者清空特殊字符 this.inputValue = value.replace(/[\(\)\{\}\[\]\;\:\'\"\,\<\>\.\?\!\-\_\\\/\|]/g, ''); } } } } </script> ``` 3. 结合 uni-app API 和事件:在uni-app中,可以在输入框的 `input` 事件中进行校验,结合自定义的方法和 HTML5 属性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值