Question

表单验证，js的代码运行不了，点击后直接跳转了

<form id="login">
<font align="center">
<h1>报 名</h1></font>
<fieldset id="inputs"> <!--"required"要求进行验证是都输入数据-->
<input id="username" type="text" placeholder="姓名" autofocus required> <!--"autofocus"规定在加载时自动获得焦点-->
<input id="tellphone" type="number" placeholder="联系电话" required> <!--"placeholder"提供提示，所期待输入值-->
</fieldset>
<fieldset id="actions">
<input type="submit" id="submit" value="报名" onClick="check()" formaction="Untitled-1.html">

</fieldset>
</form>
<script language="javascript">

function check()
{

inputs=document.getElementById('inputs');
username=document.getElementById('username');
tellphone=document.getElementById('tellphone');
if(document.login.username.value=="" || document.login.username.value=="null")
{
alert("hi");

return false;
}
if(document.login.tellphone.value=="" || document.login.tellphone.value=="null")
{
alert("no");
return false;
}
else
{

alert("报名成功！");
return true;
}
}
</script>

Answer 1

去掉 onClick="check()"
<form id="login"> 改为
<form name="login" onsubmit="return check()">

追问

但是我的"login"是一个CSS布局来的，改为"name"页面就变了

追答

id也加上

不写name，不存在document.login
如果不写name，需要把document.login改成window.login或者login