`
MrScott
  • 浏览: 38560 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

JS提交表单

阅读更多
常用的两种方式:
第一种方式
<form action="" name="form1" method="post">
    <input type="submit" name="btnSelect" value="追加" class="btn btn-silver" 
onClick="form1.action='PersonnelInfoAdd.html';"/>
</form>

第二种方式
<script>   
  function subMethod(name){   
    if(name=="b1"){   
      document.form2.action="a.jsp";   
      f1.submit();   
    }   
    else if(name="b2"){   
      document.form2.action="b.jsp";   
      f1.submit();   
    }   
  }   
</script> 



<script>
  function save(){ 
    document.form1.action="save.jsp";
    document.form1.submit();
  }
  function send(){
    document.form1.action="send.jsp";
    document.form1.submit();
  }
</script>


<form action="a.jsp" name="form2" method="post">   
    <input type="button" name="b1" onclick="subMethod('b1');" value="追加">   
    <input type="button" name="b2" onclick="subMethod('b2');" value="编辑">   
</form> 


<form name="form1">
    <input type="button" name="btn1" value="发送" onclick="send();">
    <input type="button" name="btn2" value="保存" onclick="save();">
</form> 


最后记录自己喜欢用的做原型的小技巧:
  <input type="button" name="btnSelect" value="返回" class="btn btn-silver" 
onClick="history.go(-1)"/>
5
6
分享到:
评论

相关推荐

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js提交表单及js表单验证

    ### JS提交表单及JS表单验证 在Web开发中,JavaScript经常被用来增强用户体验,其中一个重要的应用领域就是表单验证。通过JavaScript进行前端验证,可以及时反馈用户输入错误,提高交互效率。本文将详细解释如何...

    js提交表单的三种方式

    在JavaScript中,提交表单是网页交互中的常见操作,它允许用户输入数据并将其发送到服务器进行处理。这里我们将详细探讨三种主要的表单提交方式:默认的HTML表单提交、JavaScript事件处理以及Ajax异步提交。 1. **...

    巧用js提交表单轻松解决一个页面有多个提交按钮

    代码如下: ”javascript” name=”code”&gt;function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”...

    js表单验证大全,js提交表单

    - `javascript提交表单__超超聊事.files`: 可能是一份关于JavaScript表单提交技术的详细讲解资料。 7. **最佳实践** - 提供即时反馈:验证时应立即通知用户输入是否有效。 - 清晰的错误信息:明确指出错误位置和...

    js提交表单

    ### 二、使用JavaScript提交表单 #### 2.1 获取表单对象 首先,我们需要通过JavaScript来获取页面中的表单对象。这可以通过多种方式实现,最常用的是使用`document.forms[index]`或者通过选择器获取指定ID或类名的...

    js 提交form表单和设置form表单请求路径的实现方法

    如下所示: form表单ID:postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持软件开发网~

    prototype -通过js提交表单,局部刷新不跳转

    这就是"prototype - 通过js提交表单,局部刷新不跳转"的核心思想。 首先,我们需要了解Prototype中的`Form.Element`和`Form`类。`Form.Element`提供了对表单元素的便捷操作,如获取或设置值,而`Form`类则用于处理...

    JS提交form表单实例分析

    一、javascript 页面加裁时自动提交表单: Form表单: &lt;form method="post" id="myform" action="a.php"&gt; &lt;input type="submit" value="提交表单"&gt; &lt;/form&gt; javascript 代码: [removed] ...

    js实现定时提交表单

    下面将详细介绍如何使用JavaScript实现定时提交表单的功能。 首先,我们需要理解表单(Form)的基本结构和事件。在HTML中,表单元素通常由`&lt;form&gt;`标签定义,包含各种输入控件如`&lt;input&gt;`、`&lt;textarea&gt;`等。表单...

    批量提交表单JS

    批量提交表单JS的核心概念是利用JavaScript对多个表单数据进行处理,然后一次性发送到服务器。传统的HTML表单提交会刷新整个页面,而使用JS的批量提交则可以在不刷新页面的情况下完成,提供更好的用户体验。 jQuery...

    javascript弹出层表单提交代码

    JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...

    javascript方式防止表单重复提交

    JavaScript作为客户端脚本语言,可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点: 1. **禁用提交按钮**:最简单的预防方法是在用户点击提交按钮后立即将其禁用。这可以通过监听`...

    用js提交表单解决一个页面有多个提交按钮的问题

    用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,比较简单。 &lt;pre class=javascript name=code&gt;function check(txt){ $j(form).submit(function(){ if($txt==提交)...

    Js 表单提交验证函数(很全了)

    对于更复杂的验证,例如服务器端验证,可以使用`Promise`或`async/await`处理异步请求,等待验证结果后再决定是否提交表单。 八、跨浏览器兼容性 考虑到不同浏览器对HTML5新特性的支持程度,可能需要使用条件语句或...

    js提交form表单,并传递参数的实现方法

    需要注意的是,虽然上述示例代码展示了如何通过JavaScript提交表单并传递参数,但在实际开发中,还需要处理表单验证、错误处理以及提升用户体验等方面的内容。例如,可以在提交前进行输入验证,确保所有必需的信息都...

    javascript实现点击提交按钮后显示loading的方法

    主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下

    表单验证js 提交前验证

    在前端验证中,JavaScript通常用于在用户提交表单之前检查输入的有效性。以下是一些常见的表单验证规则和知识点: 1. **非空验证**:这是最基本的验证,检查用户是否填写了必填字段。在JavaScript中,可以使用`if ...

    js跨域iframepostMessage提交表单

    综上所述,"js跨域iframepostMessage提交表单"的实现策略结合了iframe、form、postMessage以及事件监听等多个JavaScript特性,有效解决了跨域提交表单,尤其是包含文件上传的复杂场景,并且能获取返回值,提高了用户...

Global site tag (gtag.js) - Google Analytics