jquery实现用a标签提交表单

html+jquery
代码编纂器:Z Studio 12.5.1方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery实现用a标签提交表单 。

jquery实现用a标签提交表单

文章插图

2【jquery实现用a标签提交表单】在test.html文件中 , 利用form标签建立一个表单 , 在form表单内 , 利用input标签建立一个用户名输入框 。

jquery实现用a标签提交表单

文章插图

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

jquery实现用a标签提交表单

文章插图

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

jquery实现用a标签提交表单

文章插图

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

jquery实现用a标签提交表单

文章插图

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

jquery实现用a标签提交表单

文章插图

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

jquery实现用a标签提交表单

文章插图


以上内容就是jquery实现用a标签提交表单的内容啦 , 希望对你有所帮助哦!

    推荐阅读