介绍 JS有什么特点 & lt; ! DOCTYPE html>
& lt;才能html>
& lt;才能head>
& lt;才能meta charset=癠TF-8"比;
& lt; title>才能登录& lt;/title>
& lt;才能style>
,,,.ok {
,,,,,颜色:,绿色;
,,,,,边界:,1 px solid 绿色;
,,,}
,,,.error {
,,,,,颜色:,红色;
,,,,,边界:,1 px solid 红色;
,,,}
& lt;才能/style>
& lt;才能script>
,,,//校验账号的格式
,,,function check_code (), {
,,,,,console.log (1);
,,,,,//获取账号
,,,,var code =,,,,,,,. getelementbyid (“code") value;
,,,,,//校验其格式(\ w字母或数字或下划线)
,,,,var span =,,,,,,,. getelementbyid (“code_msg");
,,,,,var reg =,/^ \ w 10 {6} $/;
,,,,,如果(reg.test(代码),{
,,,,,,,//通过,增加好的样式
,,,,,,,span.className =,“ok";
,,,,,},{else
,,,,,,,//不通过,增加样误差式
,,,,,,,span.className =,“error";
,,,,,}
,,,}
,,,function check_pwd () {
,,,,,console.log (2);
,,,,,var code2 =. getelementbyid (“pwd") value;
,,,,var span2 =,,,,,,,. getelementbyid (“pwd_msg");
,,,,,var reg2 =,/^ \ w 10 {6} $/;
,,,,,如果(reg2.test (code2)), {
,,,,,,,span2.className =,“ok";
,,,,,},{else
,,,,,,,span2.className =,“error";
,,,,,}
,,,}
& lt;才能/script>
& lt;才能/head>
& lt;才能body>
,,,& lt; form action=癶ttp://www.tmooc.cn"比;
,,,,,& lt; p>
,,,,,,,账号:
,,,,,,,& lt; input 类型=皌ext", id=癱ode", onblur=癱heck_code()“/比;
,,,,,,,& lt; span id=癱ode_msg"在6 - 10位字母,数字,下划线& lt;/span>
,,,,,& lt;/p>
,,,,,& lt; p>
,,,,,,,密码:
,,,,,,,& lt; input 类型=皌ext", id=皃wd", onblur=癱heck_pwd()“,/比;
,,,,,,,& lt; span id=皃wd_msg"祝辞8-20位字母,数字,下划线& lt;/span>
,,,,,& lt;/p>
,,,,,& lt; p> & lt; input 类型=皊ubmit",价值=https://www.yisu.com/zixun/暗锹?/>
这篇文章主要介绍了怎么使用JS实现简单的登录验证功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
1, JS属于一种解释性脚本语言;2,在绝大多数浏览器的支持下,JS可以在多种平台下运行,拥有着跨平台特性;3,JS属于一种弱类型脚本语言,对使用的数据类型未做出严格的要求,能够进行类型转换,简单又容易上手;4,JS语言安全性高,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失;5,基于对象的脚本语言,JS不仅可以创建对象,也能使用现有的对象。
实现过程示意图
代码