页面上有个表单,表单下面有个暂存按钮和提交按钮,如果是点击的暂存按钮的话,就
把表单数据存入数据库,但如果点击了提交按钮,就会提示用户,一旦提交就不可再修
改数据,是否提交,如果用户选择了是,则将暂存按钮和提交按钮都变为灰色,以后都
不可以再次修改了,即使退出重新登录也不能修改,当然,不能影响其他登录用户的
暂存和提交功能,如果是另外一个用户登录后,没点击提交按钮则还是可以修改自己的数据的
在数据库对应表中加一个字段submiteFlag,用来判断当前登录用户是否提交过。可以默认为0,如果提交了更新为1。在用户进去界面时取出判断0还是1。
再对应设置按钮是否可以点击。
if(submiteFlag ==‘1’){
$("#button_id").attr('disabled',true);
}
else if(submiteFlag ==‘0’){
$("#button_id").attr('disabled',false);
}
判断提交后按钮变灰并且设置不可点击不就行了,主要还是在你于你提交的判断
disabled true 提交完成后 remove这个属性
加个标识判断一下
加一个onclick,如果被点击就取出表单需要变灰的按钮,属性设置为不可点
在onclick方法执行的最后加属性控制
$(目标按钮).attr("disabled",true);
给按钮绑定点击事件 ,然后执行 $("按钮的id").attr('disabled','true');
1、juery方法
禁用:$("#button").attr("disabled","disabled");
启用:$("#button").removeAttr("disabled");
2、js方法
按钮变灰不可用方法:document.getElementById("button").setAttribute("disabled", true);
按钮可用方法:document.getElementById("button").removeAttribute("disabled");
点击完成后设置按钮为已选状态
数据库里需要一个字段来标记是否已提交,在加载页面的时候,需要查询一次数据库,判定是否有已提交,如果已提交,就给按钮加上disabled 属性
表单提交后按钮变灰不可用的方法
在点击“Submit按钮”之后,将Submit设置为Disable,使按钮变灰不可用,具体的做法如下:
1、先在Form里加入:
onSubmit="submitonce(this)"
2、再在“Submit按钮”之前加入下面的代码:
function submitonce(theform){ if (document.all||document.getElementById){ for (i=0;i<theform.length;i++){ var tempobj=theform.elements if(tempobj.type.toLowerCase()=="submit") tempobj.disabled=true } } }3、如果Form中原本就存在onSubmit动作,或者按钮类型不是Submit,而是button,则在onSubmit作用的函数中加入下面的代码:
document.fHtmlEditor.Submit.disabled=true;
点击按钮之后,将按钮置为disabled状态
在用户第一次添加数据后,点击提交按钮后,并且选择了是之后,在选择是之后加这段代码。document.getElementById(obj).disabled = true;
保存成功后,根据返回的保存成功状态(true)进行判断,保存成功,这个按钮就不能用,保存不成功,按钮就改为可用document.getElementById(obj).disabled = false。还有,要在这个页面加载完成后也要做同样的判断,判断当前用户是否提交过数据,提交过数据,按钮将不可用,没提交过,按钮就可以用。
禁用:$("#button").attr("disabled","disabled");
启用:$("#button").removeAttr("disabled");
2、js方法
按钮变灰不可用方法:document.getElementById("button").setAttribute("disabled", true);
按钮可用方法:document.getElementById("button").removeAttribute("disabled");