html页面中js表单验证方法

记录是为了更好的成长！

1、给提交按钮加一个点击事件，如下：

　　　　　<form id="form" action="form.html" method="post">
            <input type="text" readonly="true" value="测试">
            <input type="submit" value="提交" onclick="return sub()">   
        </form>

　　　　<script>
         function sub() {
             var flag = true;
             if(flag) {
                 return true;
             }
             return false;
         }      

　　　　</script>

 

　　　　/*表单验证*/
        function sub() {
            var depname = document.getElementsById("depname");
            var text = document.getElementsById("text");
            if(depname.value=="") {
                alert("部门名称不能为空");
                depname.focus();
                depname.select();
                return false;
            }
            if(text.value=="") {
                alert("部门描述称不能为空");
                text.focus();
                text.select();
                return false;
            }
            return true;
        }

2、给form加submit事件

<form id="form" action="form.html" method="post">
   <input type="text" readonly="true" value="测试">
   <input type="submit" value="提交" onclick="sub()">
</form>
 <!-- 方法  -->
 <script>
    function sub() {
    　　var form = document.getElementById("form");
    　　if(true) {
       　　 form.submit();
   　　 }
    }    
 </script>

 3、通过jquery直接触发form的submit事件

<form id="form" action="form.html" method="post">
    <input type="text" readonly="true" value="测试">
    <input type="submit" value="提交">
</form>
<!-- 方法一  -->
<script>
    
     $("#form").submit();
        
      
</script>

以上内容代表个人观点，仅供参考，不喜勿喷。。。