基于bootstrip做好一个页面后，出现如下效果图
这个页面是未经过任何后端处理的页面，如果直接填写一个用户名 或者不填写任何东西都可以注册成功的，先来演示只输入一个用户名 就要可以注册成功的。
点击注册之后的页面，
再来演示 不输入的界面
点击注册的界面;\
就会出现如下的结果：
-------------------------------------------------------------------------------------------------------------------------------------------------------------
针对以上情况 做出以下bug的处理
主要是将主要的username password email进行处理，将每一个分项后面加上各自的id
在注册栏加入以下代码：（关键代码是加入
onClick="doCheck();
）
<tr> ???????????????????????????<td colspan="2" > ???????????????????????????????<input class="btn btn-success" type="submit" style="width:100%" value="注册" onClick="doCheck();" /> ???????????????????????????</td></tr>
再咋头节点中，加入相应的方法。
function doCheck() {
???var username = $("#username").val();
???var password = $("#password").val();
???var password2 = $("#password2").val();
???var email = $("#email").val();
???if(username=null || username.trim()==""){
???????alert("请填写用户名");
???????return false;
???}
???if(password=null || password.trim()==""){
???????alert("请输入正确的密码");
???????return false;
???}
???if (password==password2){
???????alert("两次密码输入不一样")
???????return false;
???}
???if(email=null || email.trim()==""){
???????alert("请输入正确的邮箱地址");
???????return false;
???}
???return true;
}
再来运行一边，重新运行时，需要重启服务器,结果还是和加与没加是一样的。原因就是因为 onclick 与 submit是不同组件。。。。还要在原有的基础上 加一个onsubmit的方法，需要在原来的代码上
<input class="btn btn-success" type="submit" style="width:100%" value="注册" onClick="doCheck();" />
加入
onclick="return doCheck()" onsubmit=""
既：
?<td colspan="2" > ???????????????????????????????<input class="btn btn-success" type="submit" style="width:100%" value="注册" onclick="return doCheck()" onsubmit="" ?/> ?</td>
此时 如果再没有完善 就出出现以下错误
如何避免提交页面，信息未填写完善 就出现注册成功提示 ????????????基于js
原文地址：https://www.cnblogs.com/sunyubin/p/9848987.html