使用javascript提交form表单方法汇总

   这篇文章主要介绍了通过a标签的超链接提交form表单方法汇总,十分的全面细致,也很实用,有需要的小伙伴可以参考下。

  废话就不多说了,直接上内容。

  ?

1
2
3
4
5
6
7
8

<form action="/home/search" method="get" id="search_form">
<div class="searchBox png" id="searchBox">
<input type="text" id="searchTxt" class="searchTxt" name="shopName" value="@shopName">
<a
class="searchPic h-submitBtn png" id="h-submitBtn" onclick="document:search_form.submit();">
</a>
</div>
</form>

 有以下几种写法:

1.

<a class="searchPic h-submitBtn png" id="h-submitBtn" onclick="document:search_form.submit();">提交</a>

2.

<a href="javascript:document:search_form.submit();">提交</a>

3.

<a class="searchPic h-submitBtn png" id="h-submitBtn" onclick="document.getElementById('search_form').submit();">提交</a>

       以上就是给大家汇总的几种方法了,希望对大家学习js能够有所帮助。

 

时间: 2024-10-27 18:59:42

使用javascript提交form表单方法汇总的相关文章

使用javascript提交form表单方法汇总_javascript技巧

废话就不多说了,直接上内容. <form action="/home/search" method="get" id="search_form"> <div class="searchBox png" id="searchBox"> <input type="text" id="searchTxt" class="searchT

JavaScript中Form表单技术汇总(推荐)_javascript技巧

这里不进行很复杂的后台验证以及JavaScript的正则表达式,只是简单的介绍下这个技术,简单的后台接收与跳转,大概了解怎么验证的就可以.具体的技术,我后面还会继续写博客的.本人也还在学习中. 表单验证1-简单验证 进行简单的验证,用户名必须为abcd,密码长度必须大于等于6 然后根据用户输入的数据,在后面给出提示. 代码演示: <html> <head> <title>DHTML技术演示---表单验证</title> <meta http-equiv

js实现a标签超链接提交form表单的方法

  本文实例讲述了js实现a标签超链接提交form表单的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 <form action="/home/search" method="get" id="search_form"> <div class="searchBox png" id="searchBox"> <input type=&quo

jquery实现ajax提交form表单的方法总结

 本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一:     代码如下: function AddHandlingFeeToRefund()           {             var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx";                    alert($('#formAddHandlingFe

layer.js 弹出层提交form表单,action重定向

layer.js,一个jquery的插件,可以用它来做信息提示,弹出层等.  官方demo地址:http://layer.layui.com/ 官方api地址:http://layer.layui.com/api.html 使用layer.js做弹出层时,在弹出层里直接提交form表单,返回的画面仍然停留在弹出层里. 我们想在弹出层里提交form表单后关闭弹出层,并跳转到另一个画面. 0.引入layer.js <% String path = request.getContextPath();

js实现a标签超链接提交form表单的方法_javascript技巧

本文实例讲述了js实现a标签超链接提交form表单的方法.分享给大家供大家参考.具体实现方法如下: <form action="/home/search" method="get" id="search_form"> <div class="searchBox png" id="searchBox"> <input type="text" id="

提交form表单如何让页面在提交后不发生跳转

问题描述 提交form表单如何让页面在提交后不发生跳转希望有详细的示例 解决方案 解决方案二:用AJAX无刷新跳转.$.post("跳转URL"),{Action:"POST",Name:"useradress"},function(data,textStatus){data是返回值,返回NULL就行.这里可以不用写,后台的URL跳转中returnnull:就行})解决方案三:不想跳转就让action执行完后,再指向回来提交的这个页面就行了解决方

Ajax提交Form表单及文件上传的实例代码_AJAX相关

前几天,发现了一些小问题.我在写后台管理页面时,需要上传一张图片.于是我就用很普通的Form表单上传有一段Json串和图片文件: Form表单上传图片只需要在<form>标签里加上enctype = 'multipart/form-data',这样是可以上传图片的: 但问题来了,在我进行用Form表单提交的时候直接跳出来提交返回值的页面并且原先的页面刷新: 这样我们可以先到异步的Ajax可以实现局部刷新: 废话不多说了 直接上代码: 首先是html: <form id = "f

基于jQuery通过jQuery.form.js插件使用ajax提交form表单_javascript技巧

我们在提交表单的时候,如果没有使用ajax提交,页面都会自己刷新一下,显得非常的不友好,所以我们需要把我们的表单提交修改为ajax的模式,可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段:正在提交?提交成功? 我简单使用了一下,jQuery Form插件有一下优点: 1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可.想提交那个form.就可提交那个.同时提交参数可配置. 5.支持提交多种类型数据.如: