在修改账号信息时,无法使用tip()功能显示校验提示,保存按钮貌似没有起触发click事件,请老师指导一下
来源:7-5 编辑和修改登录人信息
obeepub
2018-09-06
//edit.js
;
var user_edit_ops = {
init:function (){
this.eventBind();
},
eventBind:function () {
$(".user_edit_wrap .Save").click(function(){
var btn_target = $(this);
if (btn_target.hasClass("disabled")){
common_ops.alert("操作正在处理,请勿重复提交~!");
return;
}
var nickname_target = $(".user_edit_wrap input[name = nickname]");
var nickname = nickname_target.val();
var email_target = $(".user_edit_wrap input[name = email]");
var email = email_target.val();
if( !nickname || nickname.length < 2){
common_ops.tip( "请输入符合规范的姓名~",nickname_target );
return false;
}
if( ! email || email.length < 2){
common_ops.tip( "请输入符合规范的邮箱~",email_target );
return false;
}
btn_target.addClass("disabled");
var data = {
nickname: nickname,
email: email
};
$.ajax({
url:common_ops.buildUrl("/user/edit"),
type:"POST",
// data:{'nickname':nickname,'email':email},
data:data,
dataType:'json',
success:function (res) {
// btn_target.removeClass("disabled");
var callback = null;
if(res.code == 200){
callback =function (){
window.location.href = window.location.href;
}
}
common_ops.alert( res.msg,callback);
}
});
});
}
};
$(document).ready( function () {
user_edit_ops.init();
});//edit.html
{% extends "common/layout_main.html" %}
{% block content %}
<div class="row border-bottom">
<div class="col-lg-12">
<div class="tab_title">
<ul class="nav nav-pills">
<li class="current">
<a href="{{ buildUrl('/user/edit') }}">信息编辑</a>
</li>
<li>
<a href="{{ buildUrl('/user/edit') }}">修改密码</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row m-t user_edit_wrap">
<div class="col-lg-12">
<h2 class="text-center">账号信息编辑</h2>
<div class="form-horizontal m-t m-b">
<div class="form-group">
<label class="col-lg-2 control-label">手机:</label>
<div class="col-lg-10">
<input type="text" name="mobile" class="form-control" placeholder="请输入手机~~" readonly=""
value="{{current_user.mobile }}">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-lg-2 control-label">姓名:</label>
<div class="col-lg-10">
<input type="text" name="nickname" class="form-control" placeholder="请输入姓名~~" value="{{current_user.nickname }}">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-lg-2 control-label">邮箱:</label>
<div class="col-lg-10">
<input type="text" name="email" class="form-control" placeholder="请输入邮箱~~" value="{{current_user.email }}">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<div class="col-lg-4 col-lg-offset-2">
<button class="btn btn-w-m btn-outline btn-primary Save">保存</button>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block js %}
<script src="{{ buildStaticUrl('/js/user/edit.js') }}"></script>
{% endblock %}在修改账号信息时,无法使用tip()功能显示校验提示,保存按钮貌似没有起触发click事件,请老师指导一下
写回答
2回答
-
编程浪子
2018-09-06
测试有咩有click 很简单了,直接alert 调试就行了
00 -
编程浪子
2018-09-06
打开开发者工具,看看有咩有js报错
022018-09-12
相似问题