Question

求助，HTML中，编了一个注册登录系统，如何实现不写登录的用户名和密码会弹出alert警告提示？

这是一部分表单代码：
<form action="DiaoCha.html" method="get" target="_self">
<span><b>用户名:</b></span>
<input type="text" name="username" placeholder="请输入姓名"/><br>
<span><b>  密码:</b></span>
<input type="password" name="classname" placeholder="请输入密码"/><br>
</span>
<hr><br>
         <input type="submit" value="注册"formaction="ZhuCe.html"/ >
    <input type="submit" value="登陆" onclick="alert('请输入用户名密码');"/>
</form>
我在登陆哪里设置了提示框，但是不输入用户名的情况下，点击登陆会提示alert，但是之后还是会自动进入到DiaoCha.html。 小弟才刚接触实在不懂。。 想要实现不输入用户名不跳转新页面，提示alert警告框，输入用户名密码之后，点击登陆跳转
求大神！

Answer 1

<form action="DiaoCha.html" method="get" target="_self">
<span><b>用户名:</b></span>
<input type="text" name="username" placeholder="请输入姓名"/><br>
<span><b> 密码:</b></span>
<input type="password" name="classname" placeholder="请输入密码"/><br>
</span>
<hr><br>
<input type="submit" value="注册" formaction="ZhuCe.html"/>
<input type="submit"value="登陆"/>
</form>
<script>
$(":submit").click(function(){
if($(":text").val()==""){
alert("请输入用户名");
window.location.href="DiaoCha.html";
}
else
alert("登录成功!");
});
</script>