Web开发基础-JavaScript-09

span.className = “error”;

return false;

}

}

οnsubmit=“return checkCode()+checkPwd()==2;”>

账户：

<input type=“text” id=“code”

οnblur=“checkCode();”>

6-12位字母、数字、下划线

密码：

<input type=“password” id=“pwd”

οnblur=“checkPwd();”/>

8-20位字母、数字、下划线

最新页面显示效果：

A.不输入 提示效果

B.录入格式有误 提示效果

C.录入格式正确 提示效果

**总结：**对应录入格式有误的A、B都是无法提交的，只有账户与密码格式都对时 才能成功提交表单数据。

将表单修改为下面，将提交事件放在提交按钮的一个点击事件上也是等同上面的【写在form标签上的onsubmit事件】

账户：

<input type=“text” id=“code”

οnblur=“checkCode();”>

6-12位字母、数字、下划线

密码：

<input type=“password” id=“pwd”

οnblur=“checkPwd();”/>

8-20位字母、数字、下划线

<input type=“submit” value=“登录” οnclick=“return checkCode()+checkPwd()==2;”>

知识拓展：form表单提交onclick和onsubmit

=======================================================================================

onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。

在提交表单前，一般都会进行数据验证，可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。

但是onclick比onsubmit更早的被触发。form的onsubmit中验证表单的方式使用的比较多。

onsubmit处理函数返回false，onclick函数返回false，都不会引起表单提交。

**演示案例:**只需修改上面案例代码即可【修改提交按钮事件与form标签的提交事件】

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

className = “ok”;

return true;

}else{

span.className = “error”;

return false;

}

}

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】