欢迎访问淘淘IT!QQ:505342486

拼图Pintuer修改密码表单,重复密码自动比较

时间:2019-12-27 13:24:47    来源:taotaoit    浏览:72

修改密码表单:

<form method="post" class="form-x form-auto" onsubmit="return false">
							<div class="form-group">
								<div class="label">
									<label for="oldPass" style="color:#5a5a5a;">原始密码 <span class="text-red">*</span></label>
								</div>
								<div class="field">
									<input type="password" class="input ipt" id='oldPass' name='oldPass' size="20" placeholder="原始密码" data-validate="required:请输入原始密码" />
								</div>
							</div>
							<div class="form-group">
								<div class="label">
									<label for="newPass" style="color:#5a5a5a;">新密码 <span class="text-red">*</span></label>
								</div>
								<div class="field">
									<input type="password" class="input ipt" id='newPass' name='newPass' size="20" placeholder="新密码" data-validate="required:请输入新密码" />
								</div>
							</div>
							<div class="form-group">
								<div class="label">
									<label for="reNewPass" style="color:#5a5a5a;">确认密码 <span class="text-red">*</span></label>
								</div>
								<div class="field">
									<input type="password" class="input" id='reNewPass' name='reNewPass' size="20" placeholder="确认密码" data-validate="repeat#newPass:两次输入的密码不一致" />
								</div>
							</div>							
							<div class="form-button">
								<button class="button users_content_r_c_bc bg-main" onclick="editPass()">保存</button>
							</div>
						</form>
备注:

1,比较确认密码是否一致:data-validate="repeat#newPass:两次输入的密码不一致"

2,文本框中输入信息,文本框会变成绿色,表示验证通过,但是前面文字也会变成绿色,怎样让前面文字不变色呢?

给文字设置颜色<label for="oldPass" style="color:#5a5a5a;">原始密码 <span class="text-red">*</span></label>


为什么验证通过会变绿色呢?

pintuer.css 有

.text-green, a.text-green:link, a.text-green:visited, .button.border-green, .button.bg-green-light, blockquote.border-green strong, .pager.border-green a, .pager-prev.border-green, .pager-next.border-green, .badge.bg-green-light, .alert-green, .check-success {
color: #2c7
}
.border-green, .border-green .button, .border-green .tab-nav li a, .border-green .tab-body, .button.bg-green, .selected.border-green, .pointer.border-green li, .check-success .input, .nav.border-green .active a, .nav.nav-tabs.border-green, .nav-main.border-green a, .nav-main.border-green .nav-head, .pagination.border-green li, .pager.border-green a {
    border-color: #2c7;
}

而验证通过,<div class="form-group">会变成<div class="form-group check-success">

所以前面文字会变成绿色,文本框也会变成绿色

有帮助
(0)
0%
没帮助
(0)
0%
标签: 密码  拼图Pintuer  

网友评论

网友评论文明上网理性发言
昵称:

全部评论0条)

o(╯□╰)o 暂无评论,我要抢沙发。
栏目列表
点击排行
more