找回密码验证时提示密码过于简单,但是按提交按钮时提示设置密码成功,

chenjunting28 2016-03-09 11:05:33
我是想当密码提示不能设置简单的密码时点击提交按钮没效果;请大神指教;在线等,谢谢
代码如下所示:
<div class="pass-input-container clearfix">
<label class="pass-input-title l-h40" for="password">新密码</label>
<input type="password" class="pass-input pass-input-forgot left pass-input-error" name="password" id="password" value="" autocomplete="off" />
<span id="passtip"></span>
</div>
<div class="pass-input-container clearfix">
<label class="pass-input-title l-h40">确认新密码</label>
<input type="password" class="pass-input pass-input-forgot left pass-input-hover" name="verifypwd" id="verifypwd" value="" autocomplete="off" />
<span id="pass2tip"></span>
</div>
<div class="m_l80">
<input class="pass-button-submit" type="submit" name="" value="确定" id="submit-resetpwd">
</div>
</form>
</div>
</div>
</div>
</div>
{% include '@app/views/footer.html' %}

<script type="text/javascript">

$(function(){
$("#password").focus();
});

$("#submit-resetpwd").click(function(){

var password = $("#password").val();
var verifypwd = $("#verifypwd").val();
var passpatt = new RegExp("^[-_+=~`a-zA-Z0-9!@#$%^&*<>:;.,]{6,20}$");
var err_num = 0;

if(password.length < 6){

$("#passtip").removeClass().addClass("passerr1").html("密码长度不正确,请确认");
err_num = 1;

} else if(!passpatt.test(password)){
$("#passtip").removeClass().addClass("passerr1").html("您输入的密码格式不正确,请重新输入");
err_num = 1;
} else {
$("#passtip").removeClass().addClass("passcorrect").html("");
}

//密码不能是重复数字或字母
var arrzifu = new Array(0,1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z');

for (i=0; i<arrzifu.length; i++)
{
var passpatti = new RegExp("^[" + arrzifu[i] + "]{6,20}$");
if(passpatti.test(password)){
$("#passtip").removeClass().addClass("passerr1").html("密码不能是重复数字或字母");
}
}


//不能用简单密码
var simplestr = new Array();
simplestr[0] = '123456';
simplestr[1] = '1234567';

for (i=0; i<simplestr.length; i++)
{
if(simplestr[i] == password){
$("#passtip").removeClass().addClass("passerr1").html("不能用简单密码");
}
}

if(password == ''){
$("#pass2tip").removeClass().addClass("passfocus").html("请输入确认密码");
err_num = 1;
} else if(password != verifypwd) {

$("#pass2tip").removeClass().addClass("passerr1").html("两次密码不一致,请确认");
err_num = 1;
} else {
$("#pass2tip").removeClass().addClass("passcorrect").html("");
}
if(err_num == 1){
return false;
}
$.ajax({
type:"post",
url:"{{url('/passport/update')}}",
data:{password:password,verifypwd:verifypwd},
dataType:'json',
success:function (data) {

if(data.err_num == 0){
window.location.href = "{{url('/passport/succeed')}}";
return false;
} else {
alert(data.info);
return false;
}
}
});

return false;
});

$("#password,#verifypwd").focus(function(){
$(this).css("border", "1px solid #ADAAAA");
$(".inputtip").html("");
});

$("#password").focus(function(){
$("#passtip").removeClass().addClass("passfocus").html("请输入6-20个不连续,不重复的字符");
});

$("#password").blur(function(){

var password = $(this).val();
var passpatt = new RegExp("^[-_+=~`a-zA-Z0-9!@#$%^&*<>:;.,]{6,20}$");

if(password.length < 6){
$("#passtip").removeClass().addClass("passerr1").html("密码长度不正确,请确认");
} else if(!passpatt.test(password)){
$("#passtip").removeClass().addClass("passerr1").html("您输入的密码格式不正确,请重新输入");
} else {
$("#passtip").removeClass().addClass("passcorrect").html("");
}


//密码不能是重复数字或字母
var arrzifu = new Array(0,1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z');

for (i=0; i<arrzifu.length; i++)
{
var passpatti = new RegExp("^[" + arrzifu[i] + "]{6,20}$");
if(passpatti.test(password)){
$("#passtip").removeClass().addClass("passerr1").html("密码不能是重复数字或字母");
}
}


//不能用简单密码
var simplestr = new Array();
simplestr[0] = '123456';
simplestr[1] = '1234567';

for (i=0; i<simplestr.length; i++)
{
if(simplestr[i] == password){
$("#passtip").removeClass().addClass("passerr1").html("不能用简单密码");
}
}

});

$("#verifypwd").focus(function(){
$("#pass2tip").removeClass().html("");
});

$("#verifypwd").blur(function(){

var password = $("#password").val();
var verifypwd = $("#verifypwd").val();

if(password == '' || verifypwd == ''){
$("#pass2tip").removeClass().addClass("passfocus").html("请输入确认密码");
} else if(password != verifypwd) {
$("#pass2tip").removeClass().addClass("passerr1").html("两次密码不一致,请确认");
} else {
$("#pass2tip").removeClass().addClass("passcorrect").html("");
}
});
</script>
...全文
162 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
chenjunting28 2016-03-09
  • 打赏
  • 举报
回复
已经实现,谢谢
chenjunting28 2016-03-09
  • 打赏
  • 举报
回复
加在哪里啊 请指教,麻烦在上面代码复制粘贴修改,谢啦
-0000- 2016-03-09
  • 打赏
  • 举报
回复
禁用按钮 $('#submit-resetpwd').prop('disabled',"true");
本次我们的B2C电子商务系统设计过程中主要用到的技术为分别为JSP、Servlet、J2EE、B/S模式。 主要功能模块: 1.新闻发布模块 2.用户登录模块 3.用户注册模块 4.修改密码模块 5.找回密码模块 6.商品管理模块 系统设计思想 我们把系统分为3个主要功能模块:用户登陆模块、商品展示模块和购物车功能模块。 1.用户登陆模块: ①进入登陆页面后,用户输入包括用户名和密码的登陆信息,确认提交后,系统对登陆信息进行有效性验证,如果有效就跳到产品展示页面,无效就提示登陆失败并返回登陆页面。用户可以在此选择继续登陆或者注册和找回密码。 ②进入注册页面后,当用户填写了包括用户姓名、密码密码找回提示问题、密码找回答案、等各项信息并确认提交后,系统对用户的注册信息进行有效性验证,有效就跳转到登陆页面,无效则提示注册失败并返回注册页面。 ③如有用户忘记自己的用户密码,则可以点击“忘记密码按钮,这,系统将会跳转进入密码取回问答阶段,这里用户需要输入密码提示和答案,当密码提示和用户名效验正确,用户会获取密码,并得到更换密码提示。并跳转回登陆界面。若中途问题答错,提示用户选择....
系统功能模块设计 3.2.1 用户登陆模块 ①进入登陆页面后,用户输入包括用户名和密码的登陆信息,确认提交后,系统对登陆信息进行有效性验证,如果有效就跳到产品展示页面,无效就提示登陆失败并返回登陆页面。用户可以在此选择继续登陆或者注册和找回密码。 ②进入注册页面后,当用户填写了包括用户姓名、密码密码找回提示问题、密码找回答案、等各项信息并确认提交后,系统对用户的注册信息进行有效性验证,有效就跳转到登陆页面,无效则提示注册失败并返回注册页面。 ③如有用户忘记自己的用户密码,则可以点击“忘记密码按钮,这,系统将会跳转进入密码取回问答阶段,这里用户需要输入密码提示和答案,当密码提示和用户名效验正确,用户会获取密码,并得到更换密码提示。并跳转回登陆界面。若中途问题答错,提示用户选择“上一步”问题或者“放弃”。 图3.7 登陆模块用例图 3.2.2 产品展示模块 在产品展示页面,用户可以浏览选择自己喜欢的商品,单击“详情”以后可以查看详细信息,选中自己喜欢的商品后可以选择“购买”,然后系统会跳转到购物车模块。 图5.2 产品展示用例图 3.2.3 购物车功能模块 在该模块中用户可以看
在整个系统中,从功能划分成浏览、增加、删除及修改密码,四个模块,用一个主菜单来承载这四个功能,即每个功能完成后返回的界面。 现在对用户进入系统作详细设计。 在需求分析中已经产明本软件采用的是前台录入方式,日记的一切管理均需从前台进入进行操作, 在这段程序流程中,判断合法性就要调用客户基本信息库表,将帐号与密码对照,判断其真假并将结果返回。 在用户登录到管理登录界面,用户根据提示在“帐号”和“密码”处,输入个人信息,并点击“确定”按钮,“重置”按钮作为清除用户输入错误,清除已输入信息使用。 用户在输入了帐号和密码后点击“确定”按钮,说明用户已经确认其输入的帐号和密码无误,确认提交并进行此次操作。系统将把帐号、密码送入数据库与数据库中的原始数据相校对,验证其合法性、可行性。验证过后如果不合法则返回在界面上返回提示信息“您输入的账号或密码错误,请正确输入!”如果帐号和密码验证无误后,则进入下一个界面继续进行用户所需要的操作。如果用户决定结束此次操作,则关闭页面即可结束操作或点击“退出”, 如果你忘记密码,你可以通过自己设置的问题找回密码。这样增强了程序的可用性。 在帐号密码校验无误后,用

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧