form表单的提交方式

开发中表单提交是很常见的，表单的提交方式也多种方式。

1.使用submit按钮提交表单 

    
    



    First name:

    

    Last name:

    


    

当您点击提交按钮，表单数据会被发送到名为demo_form.asp的页面。submit按钮提交表单，表单直接被提交了！当然提交表单前可能需要进行验证，可以根据自己的需求做表单提交【校验请看Jquery部分代码】

如果不喜欢用$(selector).submit(function) 提交方法，也可以使用 οnsubmit="return function()"方法进行提交验证。代码如下：

    
    



    
    

    First name:

    

    Last name:

    


    

注释：

onsubmit直接写false表单还是会被提交。

表单的onsubmit事件句柄（比如：οnsubmit="return false"）不会执行。 不能保证由其一定会被HTML用户代理调用。

如果一个表单空间（比如一个submit类型的按钮）的name 或者id值为"submit"，则它将覆盖表单的submit方法。

 

2.使用button按钮提交表单

 （1）可以直接将 上述方法1中的<input type="submit" value="提交">直接换成<input type="button" value="提交">  

 （2） 方法差不多  没啥区别 直接贴代码

    
    



    
    

    First name:

    

    Last name:

    


    

3.利用js进行表单提交，将form表单进行标记，将form表单中的某个元素设置点击事件，点击时调用js函数，再用js：如 $("#id").submit();等方法提交表单。

    
    



    
    

    First name:

    

    Last name:

    


    js提交

4. 图片提交表单，将input的属性设置为image时，点击图片也可触发form表单的提交。

    
    



    
    

    First name:

    

    Last name:

    


    

参考资料地址：http://blog.csdn.net/s_liuxin_s/article/details/51011821

                       https://www.cnblogs.com/phermis/p/6993509.html