function checkInput(e) { var username = document.getElementById("TxtUserName").value; var psd = document.getElementById("TxtPassword").value; var psdAgain = document.getElementById("psdAgain").value; if (username == "") { document.getElementById("userId").setAttribute("style", "color:Red;"); return false; //为什么不能阻止表单提交, } else { document.getElementById("userId").setAttribute("style", "display:none;color:Red;"); } if (psd == "") { document.getElementById("userPsd").setAttribute("style", "color:Red;"); return false; //为什么不能阻止表单提交, } else { document.getElementById("userPsd").setAttribute("style", "display:none;color:Red;"); }}
不知道你的这个验证方法是在什么时候执行的,如果要想成功阻止表单提交,应该在form标签里边加上onsubmit: <form οnsubmit="return checkInput();"> 点击<input type="submit">的时候,就会去执行checkInput这个方法,如果为false就不会提交。
js阻止表单提交问题
最新推荐文章于 2023-07-24 16:48:51 发布