拼图Pintuer修改密码表单,重复密码自动比较
taotaoit 拼图Pintuer 2019-12-27 283 0
关于本站

淘淘IT

记录工作学习中的点点滴滴

本站创建于2017年,用于记录工作和学习中遇到的问题。同时,不断提升网站的使用体验,增加新的功能。

844915 1249 12
最新评论
感谢大佬解决了我的问题
评 留言
11111111111111111111ewqr :ku:
评 留言
@xiaoniba 好像是编码GBK和utf-8的区别,请看下我摘抄的一篇文章,里面有介绍http://taotaoit.com/article/details/885.html,你可以尝试下是否可以
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
\x7f-\xff 这个匹配什么东东,会不会出现安全问题??? 改成这样如何 if ($strict && !preg_match('/^[\w\.\*\x{4e00}-\x{9fa5}]+$/u', $key)) {
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
完美解决 牛逼
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
文章标签更多
ThinkPHP (121)
Mysql (28)
DedeCms (28)
jQuery (28)
证件照 (1)
setInc (3)
setDec (3)
onclick (3)
打开边栏(ESC) 关闭边栏(ESC)

修改密码表单:

<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">

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

版权声明:本站原创文章,允许自由转载。

相关推荐
Pintuer+ajax验证提交表单,不知道为什么敲回车提交两次表单
拼图Pintuer | 2019-12-26 327
html代码: <form method="post" class="form-big" onsubmit="return false" id="ajaxForm"> <div class="panel padding radius-none"> <div class="t...
拼图Pintuer里面.layout,.container,.container-layout的区别
拼图Pintuer | 2019-12-16 303
先看css: .layout { width: 100% } .container, .container-layout { margin: 0 auto; padding: 0 10px } html代码: <div class="container" style="background:#ccc;"> ...