我想在点击后禁用提交按钮。这是我的提交按钮代码:
<button title="<?PHP echo getTranslatedString('LBL_SAVE_ALT'); ?>" accessKey="S" class="btn btn-primary" value="<?PHP echo getTranslatedString('LBL_SAVE_LAPTOP'); ?>" id="formSave" type="submit" name="button" onclick="return checkform();">
Save detail
</button>
这是onclick
函数和代码:
function checkform() {
var incvfr=$("#invoice").val();
var inseridf=$("#invserial").val();
if (incvfr== 1) {
if (inseridf=='') {
alert("Please enter invoice number");
return false;
}
}
var name=$("#name").val();
var mobile=$("#mobile").val();
var email=$("#email").val();
var switchs=$("#switch").val();
var brand=$("#brand").val();
var processor=$("#processor").val();
var ram=$("#ram").val();
var hdd=$("#hdd").val();
var color=$("#color").val();
var broken=$("#broken").val();
var os=$("#os").val();
var battery=$("#battery").val();
var adapter=$("#adapter").val();
var phycond=$("#phycond").val();
var lpserial=$("#lpserial").val();
var lpdoc=$("#lpdoc").val();
var idproof=$("#idproof").val();
if (name!='' && mobile!='' && email!='' && switchs!='' && brand!=''
&& processor!='' && ram!='' && hdd!='' && color!='' && broken!=''
&& os!='' && battery!='' && adapter!='' && phycond!='' && lpserial!=''
&& lpdoc!='' && incvfr!='' && idproof!='') {
var buttons = document.getElementsByTagName("button");
for (var i = 0; i < buttons.length; i++) {
buttons[i].disabled = true;
}
document.getElementById("idproof").disabled = true;
}
else {
var buttons = document.getElementsByTagName("button");
for (var i = 0; i < buttons.length; i++) {
buttons[i].disabled = false;
}
document.getElementById("idproof").disabled = false;
}
//document.getElementById("formSave").disabled = true;
}
当我在Mozilla Firefox
中提交表单时,它有效,但它在Google Chrome
中不起作用(它只会禁用该按钮;它不会发送表单提交)。