一些常见的“功能性”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(''); }*/ });