jquery实现用a标签提交表单

html+jquery

代码编纂器:Zend Studio 12.5.1

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解jquery实现用a标签提交表单。

    cc11728b4710b912c7cb6999ccfdfc039245224a.jpg
  2. 2

    在test.html文件中,利用form标签建立一个表单,在form表单内,利用input标签建立一个用户名输入框。

    738b4710b912c8fcd3f969aaf3039245d688214a.jpg
  3. 3

    在test.html文件中,设置form表单的id哦myform,本家儿要用于下面经由过程该id获form表单对象。

    838ba61ea8d3fd1fbb193d5d3f4e251f95ca5f41.jpg
  4. 4

    在test.html文件中,在form表单内,利用a标签建立一个链接,链接名称为“提交”。

    2934349b033b5bb554a7bf9939d3d539b600bc61.jpg
  5. 5

    在test.html文件中,在form表单内,给a链接绑定onclick点击事务,当链接被点击时,执行sub()函数。

    c2cec3fdfc039245c2bf7e688894a4c27d1e254a.jpg
  6. 6

    在js标签内,建立sub()函数,在函数内,经由过程id(myform)获得form表单对象, 再利用submit()方式提交表单数据,最后利用alert()方式提醒“提交当作功”。

    960a304e251f95ca2ee50dd1c6177f3e67095241.jpg
  7. 7

    在浏览器打开test.html文件,点击提交,查看实现的结果。

    5ab5c9ea15ce36d375741c5735f33a87e950b161.jpg
  • 发表于 2019-12-13 17:00
  • 阅读 ( 811 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具