现在的位置: 首页 > 移动开发 > 正文

JavaScript中form表单提交有哪几种方式

2019年12月16日 移动开发 ⁄ 共 1430字 ⁄ 字号 评论关闭

  JavaScript中form表单提交有以下三种方式:通过submit按钮直接实现表单提交,通过button按钮触发onclick事件实现表单提交,submit按钮触发onsubmit事件实现表单提交

  在页面中表单提交是一种很常见的方式,接下来在文章中为大家介绍几种方法来实现表单提交,具有一定的参考价值,希望对大家有所帮助

  方法一

  通过使用submit按钮来实现表单提交效果

  例:

  

First name:

Last name:

  

  如上述代码所示当我们点击提交按钮时,表单数据会被发送到名为demo.asp的页面。submit按钮实现的表单提交是直接提交。但是我们可以通过某些方法实现表单提交前需要进行验证或者是根据自己的自定义需求来做表单提交

  方法二

  可以通过button按钮来实现表单提交,当点击button按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false, 此时就不会发生表单提交。如果不为空,则将表单提交到由action指定的地址。

 

用户帐号

登录密码

  注意:这个方法中由于button按钮不具备自动提交的功能,所以由JavaScript语句来实现提交

  方法三

  通过使用submit按钮实现表单提交。当我们点击submit按钮时,首先触发onsubmit事件,然后由JavaScript里的函数来判断输入内容是否为空,如果输入内容为空,则返回false, 表单不提交。如果输入内容不为空,则提交到由action指定的地址

用户帐号

登录密码

  总结:以上就是本篇文章的全部内容,希望通过这篇文章可以帮助大家学会form表单提交的几种方式。

抱歉!评论已关闭.