数码资讯
Javascript密码验证
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文共享了javascript密码认证的实现方法,欢迎大家阅读。
Javascript密码身份验证代码如下所示
密码验证
$(函数(){())
$(document),('blur ',输入功能()){
电邮密码= $(#密码)的瓦迩();
password_again = $(var $ ' # password_again)。瓦迩();
如果(!$密码){
$(#密码),AddClass('redborder)。二('label),表明()。Html(不空);
返回false;
否则如果(!password_again美元){
$(# password_again)。AddClass('redborder)。二('label),表明()。Html(不空);
返回false;
其他{ }
$(输入的)。RemoveClass('redborder)。二('label)空();
如果($ password_again = = $密码){
$(#密码,# password_again )。二('label),表明()。Html(两密码一致)。AddClass('valid);
} else if($ password_again!= $密码){
$(#密码,# password_again)。AddClass('redborder)。二('label),表明()。Html(密码不一致)。RemoveClass('valid)。AddClass('erro);
}
}
})
})
redborder {。
border: 1px solid红;
}
.erro{
Background: URL ('images/unchecked.gif') no-repeat;
左:16px填充;
}
有效的{。
背景:URL('images /检查。gif)不重复;
宽度:16px;
身高:16px;
}
输入密码 uff1a
验证密码:
提交
我希望这篇文章能帮助你学习Javascript程序设计。
Javascript密码身份验证代码如下所示
密码验证
$(函数(){())
$(document),('blur ',输入功能()){
电邮密码= $(#密码)的瓦迩();
password_again = $(var $ ' # password_again)。瓦迩();
如果(!$密码){
$(#密码),AddClass('redborder)。二('label),表明()。Html(不空);
返回false;
否则如果(!password_again美元){
$(# password_again)。AddClass('redborder)。二('label),表明()。Html(不空);
返回false;
其他{ }
$(输入的)。RemoveClass('redborder)。二('label)空();
如果($ password_again = = $密码){
$(#密码,# password_again )。二('label),表明()。Html(两密码一致)。AddClass('valid);
} else if($ password_again!= $密码){
$(#密码,# password_again)。AddClass('redborder)。二('label),表明()。Html(密码不一致)。RemoveClass('valid)。AddClass('erro);
}
}
})
})
redborder {。
border: 1px solid红;
}
.erro{
Background: URL ('images/unchecked.gif') no-repeat;
左:16px填充;
}
有效的{。
背景:URL('images /检查。gif)不重复;
宽度:16px;
身高:16px;
}
输入密码 uff1a
验证密码:
提交
我希望这篇文章能帮助你学习Javascript程序设计。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。