form表单提交时 怎么定位出错的位置？

Question

form表单提交时有错误要显示气泡但是定位是哪个input错误然后显示位置

Answer 1

这个分很多种情况.校验什么?如果是校验格式,那么可以完全有前端校验.如果需要查库,比如账户已存在,敏感词这些,需要ajax访问服务器进行校验.怎么校验?感觉上是输入一项,校验一项.其实不必这么做,我们完全可以每输入一项,就校验所有项目.实际上这样做也更严谨.写好对应的校验方法,这个方法应该是对应每一个input的,手机号我们该如何校验,密码该如何校验,地址又该如何校验.对应的方法只负责对应的input,要保证校验未通过时,校验函数能够定位到当前input,比如校验方法接收的就是input的id.如果统一发后台进行校验,后台就要返回具体出错的字段和错误原因.什么时候校验?按需来看,可以输入框失焦时校验,也可以在value改变时校验,什么时候触发完全看需求咯.