【JS】关于表单提交前验证的方法和可能遇到的问题总结

举个小例子啊先...
 
        表单代码：
        <form action="J6.jsp" method="post"  οnsubmit="return check();">
            <input type="text" name="myname" id="text"/>
            <input type="submit" />

        </form>

     js代码：

      <script>
            function check() {
                var mytxt=document.getElementById("text");
                var myname=mytxt.innerHTML;
                if(myname==null||myname==' '){
                    alert("请输入内容");
                    return false;
                }
                else
                    return true;
            }
        </script>

注意的问题：

1).οnsubmit=“return check()”中的return一定要加上，不然check的返回值哪怕是false，仍然提交。也就是说，οnsubmit=“return false”为不执行提交；οnsubmit=“return true”或οnsubmit=“false”都执行提交。

2).对是否为空时的判断语句，若是只写"myname==null"，漏掉myname==' '的话，也是会在返回值为false时提交！！！