一些常见的“功能性”JS事件

————————倒序上升————————

(2)给一些 保存、提交 按钮,添加 防止重复提交 事件(常见一例)

$("#submitRank").attr("disabled","true"); //设置变灰按钮
    $.ajax({
        type : "POST",
        url : "/admin/teamRank/add",
        data : param,
        success : function(result) {
            if (result.code != 0) {
                $("#errorTip").text(result.msg)
                $("#submitRank").removeAttr('disabled')
            } else {
                layer.msg("选择队伍晋级成功!")
                setTimeout("$('#teamRankModal').modal('hide')",1500);//这种在有模态框的情况下,成功 自动消失模态框
                setTimeout("$('#submitRank').removeAttr('disabled')",3000); //三秒后 按钮恢复正常
            }
        }
    });

----附:在开始执行ajax前,给 按钮 添加“disabled”属性,然后根据ajax的结果,再选择对按钮不同的操作方式

(1)给指定input框绑定blur事件(校样 输入值的 类型 和 范围)

$("input#teamRank").blur(function(){
    var rank = $(this);
    if(/[^d]/.test(rank.val())){//替换非数字字符
        var temp_amount = rank.val().replace(/[^d]/g,'');
        $(this).val(temp_amount);
    }
    /*var rank_num;
    if(/[^d]/.test(rank.val())){//替换非数字字符
        var temp_amount = rank.val().replace(/[^d]/g,'');
        rank_num = temp_amount
        $(this).val(temp_amount);
    }else{
        rank_num = rank.val()
    }
    if(rank_num < 0 || rank_num > 10){
        layer.msg("请在1-10里面选名次!");
        $(this).val('');
    }*/
});
原文地址:https://www.cnblogs.com/zz-3m23d-begining/p/8691311.html