在修改账号信息时,无法使用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 调试就行了

0
0

编程浪子

2018-09-06

打开开发者工具,看看有咩有js报错

0
2
obeepub
第二次问题解决了,1.切换成英文输入法后检查修改一遍所有的标点符号 2.在 ventBind:function(){ $(".wrap_account_set .save1").click 注意 在 save 前有空格
2018-09-12
共2条回复

Python Flask构建微信小程序订餐系统(可用于毕设)

微信小程序 + Python Flask 打造订餐系统全栈应用,可用于毕设。

1709 学习 · 1904 问题

查看课程