专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

因为表单输入空格造成重大bug,总结反思

ins518 2024-09-21 00:48:33 技术文章 19 ℃ 0 评论

最近新上线的项目中,因为前端表单没有做空格禁止输入,导致部分用户在输入信息的时候可以输入空格,从来导致后台无法匹配到,出现了bug。

毕竟是正式上线了,被用户投诉,所以出现了问题,也是我们开发人员的责任。

总结教训:项目上线之前,一定要做好细节测试,不仅仅只测试流程业务逻辑,影响用户使用的小细节,也是需要非常关注的!

解决思路如下:

表单页面,在Input输入框,加入

<input id="deptname" name = "deptname" nkeydown="return banInputSapce(event);" onKeyup="return inputSapceTrim(event,this);>

JS如下:

function banInputSapce(e) 
{ 
	var keynum; 
	if(window.event) // IE 
	{ 
	 keynum = e.keyCode 
	} 
	else if(e.which) // Netscape/Firefox/Opera 
	{ 
	 keynum = e.which 
	} 
	if(keynum == 32){ 
	 return false; 
	} 
 return true; 
} 

function inputSapceTrim(e,this_temp) 
{ 
	this_temp.value = this_temp.value.replace(/\s/g,""); 
	var keynum; 
	if(window.event) // IE 
	{ 
	 keynum = e.keyCode 
	} 
	else if(e.which) // Netscape/Firefox/Opera 
	{ 
	 keynum = e.which 
	} 
	if(keynum == 32){ 
	 return false; 
	} 
	return true; 
} 

通过简单的两个JS,就可以实现禁止用户输入空格!

bug虽小,但是反应我在开发过程中还是不够细心!继续总结

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表