项目中遇到的一些琐碎的小逻辑,虽然这些小问题不仔细观察是发现不了的,但是作为开发人员一定要注意。虽然作为一名标题党,我只写了公司中文名和英文名的逻辑,但我还是想仔细谈谈下面的问题。
第一,标题是关于公司中文名和英文名的提交
第二,我们想谈谈上传附件的问题。逻辑比较简单,但需要注意细节
再次,在输入金额时,可以从右到左每三位数用逗号隔开,主要注意取数据的问题
好,让我们依次描述这些逻辑问题。
首先来说说英文公司名称和中文公司名称的逻辑。字段如下图所示:
看似只有两个文本框来判断是否需要,并验证文本框内内容有误,但实际上要求如下:必须提交公司中文名称和公司英文名称。
并且必须提交正确的公司名称(中文必须是中文或字符,英文必须是英文或英文带空格或数字或字符,当然也可以任意组合)。这就是需求。让我们谈谈我们的解决方案
对问题的思考。
1.当公司中文名称失去焦点时:
1.验证内容是否存在,是否正确。如果存在且正确,则清空其下方的错误提示,否则将提示错误;
2.核实是否没有中文姓名或英文姓名。如果没有错误,则在中文名下显示必须填写的错误,并清空英文名下的错误,否则清空其下面的错误
2.当公司英文名称失去焦点时:
1.验证内容存在且正确
2.如果英文名称正确,没有中文名称,则删除中文名称下必须填写两者之一的提示。
3.两者均不要求中文名下方提示填写1个错误清除英文名下方错误提示
3.提交表格时:
1.判断中文名是否正确,正确则为其隐藏字段赋值;判断英文名是否正确,如果正确,则为其隐藏字段赋值,否则赋值为空
2.判断中文名是否正确,错了就提示错误,英文名也一样
3.若两者均未填写,则提示错误,无法提交;若两者均错,提示错误,无法提交;只要有一个是正确的,就可以提交
其次,我们来说说上传附件,先看效果再谈想法。
1.一开始没有文件上传时,如上图所示
2.上传文件时显示正在加载
3.如果上传成功,要显示压缩包图和文件名,去掉附件大小限制,删除
知道了思路,下面的代码就没有困难了。这个比较简单,我就不说了。
最后,输入金额时,可以每三位数自动加一个逗号,或者发出效果:
这道题的难点在于1。每输入一个数字,就应该得到一个没有逗号和空格的数字,然后每隔三位数就给得到的数字加上逗号,当键盘事件发生时就会触发。
2.如果输入的内容以0开头,请删除前面的0。3.如果最后一个文本框为0,将提示您一个错误
让我们把代码贴在下面,其他的就不多说了: