【‘极端’测试提的问题】输入栏填入表情图片需要进行异常处理

简介: 【‘极端’测试提的问题】输入栏填入表情图片需要进行异常处理

目录

一、问题描述

二、前端处理

三、效果显示


一、问题描述

1.png

如上图,在其中输入‘类别名称’的测试中,有着明显的提示信息下,极端的测试员在测试时非要输入小表情图片,如:😀、👇、🐉等等。这种图片输入后,没有异常处理信息提示,而且直接通过,但是并没有新建出新类别。如此就有了这个问题了。


二、前端处理


首先找到该页面的js文件,并且找到对应的处理函数位置。


然后根据输入信息去判断内容中是否包含图片:

1.png

checkIsChEnNum(str) {
    //emjoy,通过校验
    // var pattern = /^[A-Za-z0-9\u4e00-\u9fa5\^%&',;=?$x22!@#*()_+=[{}/.><~……‖-]+$/gi;
    var pattern = /[\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;
    if (pattern.test(str))
      return true;
    else
      return false;
  },

这部分可以参考:前端&JS&小程序过滤emoji表情_chendong0008的博客-CSDN博客_js过滤emoji表情

那么根据自己代码进行改动:我的代码是通过coffee生成的js文件的,其代码风格要匹配:

checkIsChEnNum: function(str) {
    //emjoy,通过校验
    // var pattern = /^[A-Za-z0-9\u4e00-\u9fa5\^%&',;=?$x22!@#*()_+=[{}/.><~……‖-]+$/gi;
    var pattern = /[\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;
    if (pattern.test(str))
        return true;
    else
        return false;
},

调用和判断:name为输入框中输入的内容

if (this.checkIsChEnNum(name)) {
    theEL.find("#name-error").parent().addClass("has-error");
    theEL.find("#name-error").html("类别名称不能含有字符以外的内容");
    theEL.find("#name-error").show();
    return false;
}


三、效果显示


添加上面的代码后,再在输入框中输入表情图片后点击确认不会通过并且会有异常提示。

1.png

目录
相关文章
|
5月前
|
算法
m基于OFDM+QPSK和LDPC编译码以及MMSE信道估计的无线图像传输matlab仿真,输出误码率,并用图片进行测试
MATLAB2022a仿真实现了无线图像传输的算法,包括OFDM、QPSK调制、LDPC编码和MMSE信道估计。OFDM抗频率选择性衰落,QPSK用相位表示二进制,LDPC码用于前向纠错,MMSE估计信道响应。算法流程涉及编码、调制、信道估计、均衡、解码和图像重建。MATLAB代码展示了从串行数据到OFDM信号的生成,经过信道模型、噪声添加,再到接收端的信道估计和解码过程,最终计算误码率。
56 1
|
2月前
|
消息中间件 测试技术
项目环境测试问题之规范执行器的异常处理如何解决
项目环境测试问题之规范执行器的异常处理如何解决
|
5月前
|
测试技术
Junit单元测试 org.junit.jupiter.api.extension.ParameterResolutionException异常处理
Junit单元测试 org.junit.jupiter.api.extension.ParameterResolutionException异常处理
257 0
|
2月前
|
IDE 测试技术 开发工具
Python接口自动化测试框架(基础篇)-- 讨厌的异常处理
本文详细讨论了Python中的异常处理机制,包括异常捕获、异常抛出、自定义异常、环境清理,以及使用上下文管理器确保资源正确释放,最后还提到了Python的标准异常类。
24 1
|
2月前
|
监控 测试技术 数据库
Python自动化测试之异常处理机制
总体而言,妥善设计的异常处理策略让自动化测试更加稳定和可靠,同时也使得测试结果更加清晰、易于理解和维护。在设计自动化测试脚本时,务必考虑到异常处理机制的实现,以保证测试过程中遇到意外情况时的鲁棒性和信息的有效传达。
41 2
|
3月前
测试语雀图片嵌入表格(不用通过)
测试语雀图片嵌入表格(不用通过)
|
5月前
|
前端开发 PHP 对象存储
如何用Postman测试文件或图片上传
本文介绍了在某些小项目中,如何使用传统方式将文件上传到与应用程序同一服务器上的方法,而不是使用大平台的对象存储。
898 3
|
5月前
|
资源调度 算法
m基于OFDM+QPSK和LDPC编译码以及LS信道估计的无线图像传输matlab仿真,输出误码率,并用图片进行测试
m基于OFDM+QPSK和LDPC编译码以及LS信道估计的无线图像传输matlab仿真,输出误码率,并用图片进行测试
60 2
|
5月前
|
搜索推荐 Python
自动生成测试数据—图片
自动生成测试数据—图片
自动生成测试数据—图片
|
机器学习/深度学习 算法
m基于OFDM+QPSK和DNN深度学习信道估计的无线图像传输matlab仿真,输出误码率曲线,并用实际图片进行测试
m基于OFDM+QPSK和DNN深度学习信道估计的无线图像传输matlab仿真,输出误码率曲线,并用实际图片进行测试
349 0