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

时间:2021-03-01 21:04:24

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

(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('');
}*/
});