html某个输入框获得焦点后会变宽,未填写正确信息时为红色且有警示图标。
是要实现这个效果吗?
获得焦点时 onfocus="func1(this)"
失去焦点时 onblur="func2(this)"
func1 里面修改这个输入框的宽度,func2 里面检查是否按要求填入了正确信息,没有的话给出提示。传入的 this 表示当前输入框,也可以换成其它,如 this.value 等
给输入框设置伪类focus,控制获得焦点会变宽,再设置一个是字体为红色的类且有警示图标的类,然后通过JS获取input.value,并isValid中校验,校验成功取出这个类,失败则添加这个类