在修改账号信息时,无法使用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
相似问题