springboot-网站开发-如何规避和拒绝用户输入的空字符串

springboot-网站开发-如何规避和拒绝用户输入的空字符串!在网站开发过程中,前端用户的输入内容,经常会遇到有人故意输入字符串。导致一些异常的发生。

下面分享一下,我的应对方法。仅供参考。


前端html模板页面内,我做了一下js的判定,但是我感觉没有发挥作用。不知道什么原因,如果有懂的朋友,可以留言给我,谢谢。


复制代码
/*1.对用户名进行验证*/
    //当对象失去焦点触发验证流程
    uname.onblur = function(){
        if(this.validity.valueMissing){
            this.nextElementSibling.innerHTML = '用户名不能为空';
            this.nextElementSibling.className = 'msg-error';
            this.setCustomValidity('用户名不能为空');
        }else if(this.validity.tooShort){
            this.nextElementSibling.innerHTML = '用户名不能少于2位';
            this.nextElementSibling.className = 'msg-error';
            this.setCustomValidity('用户名不能少于2位');
        }else {
            this.nextElementSibling.innerHTML = '用户名格式正确';
            this.nextElementSibling.className = 'msg-success';
            this.setCustomValidity('');
            var data =$("#uname").val().replace(/\s+/g, '');
            if(!data || isOnlySpaces(data)){   //用户没有输入任何内容
                return;
            }
            /**发起异步GET请求,询问服务器用户名是否已经存在**/
            $.ajax({
                url:"../user/checkName",
                //let filteredValue = inputValue.replace(/\s+/g, '');
                data:"username="+$("#uname").val().replace(/\s+/g, ''),
                type:"get",
                dataType:"json",
                success:function(obj){
                    $("#namespan").html(obj.message);//显示服务器的响应信息
                    if(obj.state==0){
                        $("#namespan").attr("class","msg-error");
                    }else{
                        $("#namespan").attr("class","msg-success");
                    }
                }
            });

        }
    }

这个地方做了判断,没有什么效果,照样会进入后端接口的执行。


2:还好,我也在后端接口里面做了判定。增加了如下代码。

这个是做了用户名字的验证。是否可用。从数据库内查询是否存在,如果不存在,就返回可以使用。


3:在真正的注册接口内,还做了第三次验证。

现在执行代码后,等用户在前端页面点击提交注册按钮后,反馈了一个不允许输入空字符。

说明,我前面2步骤都米有发生行为。到了第三步才发生了行为。

不管怎么说,问题是解决了。

相关推荐
ss27312 分钟前
基于springboot+vue+mysql「校园二手教材循环交易」小程序,三端全跑通
vue.js·spring boot·mysql
JaguarJack13 分钟前
别再只用数组了,这 10 种 PHP 数据结构值得了解
后端·php·服务端
程序员海军9 小时前
用了两年多 GPT,我最近开始换模型了,还折腾了个求职避坑 Agent
前端·人工智能·后端
码士集团小青9 小时前
SpringBoot 集成缓存性能之王 Caffeine
spring boot·后端·缓存
凤凰院凶涛QAQ10 小时前
《Java版数据结构 & 集合类剖析》Map & Set & 反射:“从哈希碰撞到红黑树转换,反射帮你扒开 HashMap 的桶数组看个究竟”
java·数据结构·算法
H.莓飛10 小时前
【数据结构】排序_OJ题(一):计数、桶与排序后的处理
java·开发语言·数据结构
wangchunyu11410 小时前
JAVA AQS与Lock实现原理(含CAS)
java·开发语言·word
excel11 小时前
IndexNow:让搜索引擎更快发现网站更新的主动通知协议
前端·后端·架构
Json____11 小时前
用 FastAPI + Vue3 打造一套完整的在线考试系统:从组卷到阅卷的业务闭环实践
后端·node.js·fastapi·it学习·wwwoop.com
w_zero_one12 小时前
算法--模拟
java·数据结构·算法