html表单验证问题

[hilivivi]

function InputCheck()
{
  if (document.form1.num.value == "")
  {
    alert("用户名不可为空!");
   document.form1.num.focus();
    return false;
  }
   if (document.form1.password.value == "")
  {
    alert("密码不可为空!");
    document.form1.password.focus();
    return false;
  }}
function teacher(){ 
    InputCheck();
	document.form1.method= "post";     
	document.form1.action= "http://QQ.com"; 
	document.form1.submit();
	console.log(document.form1.action)
	return   true; 
} 
 
function stu(){ 
InputCheck();
	document.form1.method= "post"; 
	document.form1.action= "http://sina.com "; 
	document.form1.submit(); 
	return   true; 
}
       

 <form   name="form1" >
                    <div class="input-wrap">
                        <input type="text" name="num" placeholder="用户名">
                    </div>
                    <div class="input-wrap">
                        <input type="password" name="password" placeholder="密码">
                    </div>
              </div>
             <div class="btns">
         <input type="submit" class="current" value='教师' onClick= "teacher()">
 
               <input type="submit"  value='学生' onClick= "stu()"> </form>
            </div>
  

代码是一个form表单对应两个submit按钮，怎么实现在提交表单之前先做form表单验证在提交，尝试使用onsubmit但还是跳转？？求解答？？

[Hello World,]

按钮类型不要用submit，改为button

    <form name="form1">
        <div class="input-wrap">
            <input type="text" name="num" placeholder="用户名">
        </div>
        <div class="input-wrap">
            <input type="password" name="password" placeholder="密码">
        </div>
        <div class="btns">
            <input type="button" class="current" value='教师' onClick="teacher()">

            <input type="button" value='学生' onClick="stu()">
        </div>
    </form>

JS：

    function InputCheck() {
        if (document.form1.num.value == "") {
            alert("用户名不可为空!");
            document.form1.num.focus();
            return false;
        }
        if (document.form1.password.value == "") {
            alert("密码不可为空!");
            document.form1.password.focus();
            return false;
        }
        return true;
    }
    function teacher() {
        if (InputCheck() == true) {
            document.form1.method = "post";
            document.form1.action = "http://QQ.com";
            document.form1.submit();
            console.log(document.form1.action)
        }
    }

    function stu() {
        if (InputCheck() == true) {
            document.form1.method = "post";
            document.form1.action = "http://sina.com ";
            document.form1.submit();
        }
    }

[hilivivi]

引用 1 楼 Hello World, 的回复:

按钮类型不要用submit，改为button

    <form name="form1">
        <div class="input-wrap">
            <input type="text" name="num" placeholder="用户名">
        </div>
        <div class="input-wrap">
            <input type="password" name="password" placeholder="密码">
        </div>
        <div class="btns">
            <input type="button" class="current" value='教师' onClick="teacher()">

            <input type="button" value='学生' onClick="stu()">
        </div>
    </form>

JS：

    function InputCheck() {
        if (document.form1.num.value == "") {
            alert("用户名不可为空!");
            document.form1.num.focus();
            return false;
        }
        if (document.form1.password.value == "") {
            alert("密码不可为空!");
            document.form1.password.focus();
            return false;
        }
        return true;
    }
    function teacher() {
        if (InputCheck() == true) {
            document.form1.method = "post";
            document.form1.action = "http://QQ.com";
            document.form1.submit();
            console.log(document.form1.action)
        }
    }

    function stu() {
        if (InputCheck() == true) {
            document.form1.method = "post";
            document.form1.action = "http://sina.com ";
            document.form1.submit();
        }
    }

没什么作用

[麦草CMS]

说明你InputCheck没执行，具体为什么没执行，你F12

[Hello World,]

不知道你怎么弄的，反正我的行：

[hilivivi]

引用 3 楼 麦草CMS 的回复:

说明你InputCheck没执行，具体为什么没执行，你F12

把按钮类型改为submit就可以执行了，但是会出现一个问题，如果我信息输入为空，会有提示，提示后onClick事件仍然会执行，并没有停止