一个form表单有哪些需求需要注意的

  1. 验证,以及验证错误提示
  2. 输入框内容限制,
    2.1 输入时,只允许 数字/小数点,其他文字过滤
    2.2 输入时, 过滤表情符号
    2.3 输入时,过滤特殊字符
    2.4 输入时允许空格,但是使用value值的时候,需要过滤值的前后空格。
  3. 表单提交loading,并且防止重复提交

一. 过滤表情符号
var regStr = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/ig;
var val= org_val.replace(regStr,"");

var org_val = $("input").val();
console.log(escape(org_val));
//escape得到%uD83C%u.........格式的编码,可对应成\u...格式

在前端页面开发过程中,总会碰到不允许输入框输入emoji表情的需求,我的思路是通过编码用正则匹配表情,然后将其替换为空字符创。但是问题也是显而易见的,完整的编码集是什么呢?查阅了官方文档,发现上面并没有给出想要的答案。并且很多emoji表情除了主编码还有副编码(这是我给取的名字),举个例子:

\uD83C\uDC00是一个表情,\uD83C\uDC00\u200D又是一个表情,我把\uD83C\uDC00称为主编码,\u200D称为副编码(或者衍生编码,反正意思理解了就行)。

https://www.cnblogs.com/zt-blog/p/6773854.html

你可能感兴趣的:(一个form表单有哪些需求需要注意的)