Question

jsp中在form表单里如何调用js中的定义进行判断？

定义了js代码，进行判断输入框是否为空
<script>
function isValid() {
if (nameform.id.value == "") {
window.alert("您必须完成帐号的输入!");
nameform.id.focus();
return false;
}

if (nameform.password.value == "") {
window.alert("您必须完成密码的输入!");
nameform.password.focus();
return false;
}
}
</script>
表单进行输入账户密码提交表单
<form action="admin_login" method=post>
<b>用户名：</b><input type="text" name="id" value="" size="20"><br/><br/>
<b>密 码：</b><input type="password" name="password" value="" size="21"><br/><br/>
<input type="submit" value="登录" >
</form>
如何在表单中引用isValid()函数进行判断？

Answer 1

<form action="admin_login" method=post>
<b>用户名：</b><input type="text" name="id" value="" size="20"><br /><br />
<b>密 码：</b><input type="password" name="password" value="" size="21"><br /><br />
<input type="submit" value="登录">
</form>

<script>

var form = document.forms[0];

form.addEventListener('submit', function(e) {
e.preventDefault();
if (isValid()) {
console.log('ok...');
return;
}
console.error('error');
});

function isValid() {
if (nameform.id.value == "") {
window.alert("您必须完成帐号的输入!");
nameform.id.focus();
return false;
}

if (nameform.password.value == "") {
window.alert("您必须完成密码的输入!");
nameform.password.focus();
return false;
}
}
</script>

Answer 2

可以在form加onsubmit="isValid()"