表单提交前进行验证,满足添加在提交给我表单,否则不提交到表单
程序员文章站
2022-07-15 16:42:29
...
本例知识点,form表单onsubmit属性,是true执行提交,否则不提交
第一步:
jsp 页面:
<form id="form1" name="form1" method="post" action="LoginAction" onsubmit="return checkform();">
</form>
js代码如下:
//累加字符串
function checkspace(checkstr) {
var str = '';
for(i = 0; i < checkstr.length; i++) {
str = str + ' ';
}
return (str == checkstr);
}
//验证登录信息完整性
function checkform(){
var aInputs = document.getElementsByTagName("input");//document.body.all.tags("input");
for (var j =0;j <aInputs.length;j++){
if (aInputs[j].type == "text"){
if(checkspace(aInputs[j].value)) {
aInputs[j].focus();
alert("登录信息不完整!");
return false;
}
}
}
return true;
}