首页 > 代码库 > 表单提交(二)

表单提交(二)

2024-07-17 03:02:43   227人阅读

二、用input type="button"方式提交表单

该方法提交表单的方式与用户单击 Submit 按钮一样，但是表单的 onsubmit 事件句柄不会被调用。
所以可以在onclick事件里面进行表单校验。
如果换成jquery方式，$("#myForm").submit()会调用onsubmit事件。
<!DOCTYPE html><html><head>    <script type="text/javascript">        function formSubmit()        {           // return false; 可以在这里进行表单校验。            document.getElementById("myForm").submit();            //该方法提交表单的方式与用户单击 Submit 按钮一样，但是表单的 onsubmit 事件句柄不会被调用。
　　　　　　　//换成jquery方式，比如$("#myForm").submit()会调用onsubmit事件。
        }    </script></head><body><form id="myForm" action="http://www.baidu.com" method="get" onsubmit="return false;">    姓名：<input type="text" name="name" size="20"><br />    <input type="button" onclick="formSubmit()" value="提交"></form></body></html>






























        

            
                
                  
                
                

                    联系

                    我们