• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    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
    • 閱讀 ( 656 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆