前端如何限制用户输入的内容只能是中文或英文

ppylox
·3/8/2021·0 阅读
AI 摘要模型根据正文自动生成,仅供参考

针对表单需限制用户输入为规范中文或英文、不含特殊字符的场景,前端可用正则表达式校验。中文正则 `/^[\u4e00-\u9fa5]+$/`,英文正则 `/^[A-Za-z]+$/`。通过 `part.exec(inputStr)` 与 `enPart.exec(inputStr)` 判断输入是否匹配,若两者均不匹配且输入非空,则提示“补充内容只能是中文或英文!”。该方法可在控制台执行验证,实现纯中文或纯英文输入的拦截。

\n

一般出现这种需要限制用户输入的场景会在填一些表单类的时候,需要限制用户录入的内容是规范的,不带一些特殊字符,那么这个时候就 需要前端来限制这种情况,可以参考一下代码

\n\n\n\n

var part = /^[\\u4e00-\\u9fa5]+$/;

\n\n\n\n

var inputStr = "sdfglk!-="

\n\n\n\n

var enPart = /^[A-Za-z]+$/;

\n\n\n\n

        if(!part.exec(inputStr ) && !enPart.exec(inputStr ) && inputStr ){

\n\n\n\n

            console.log("补充内容只能是中文或英文!");

\n\n\n\n

        }

\n\n\n\n

在控制台执行后就会提示只能输入中文或者英文了。

\n\n\n\n
\n

相关文章

评论 (0)

暂无评论,来写第一条吧