`

javascript表单提交

JavaScriptJavaJSPXMLHTML 
阅读更多
  • 总结下这么几种的方法:   
  • 1,通过type=submit 或者图片的submti来提交(图片的这种方法很不错)   
  • 2,通过在imput里面加onclick来写个方法来做提交前的验证.type可以是button.,反正多个浏览器  
  •    做的时候,试验一下.   
  • 3,还有可以通过在form里面加onsubmit来验证.   
  • 4,通过在javascript的方法里头,用submit()方法来提交   
  •   具体得到这个form的方法有:   
  • oForm = document.getElementById("form1");   
  • oForm = document.forms("form1");   
  • oForm = document.forms[0];   
  • //通过上面的几种可以得到form   
  • oForm.submit(); 
    • xml 代码
    1. <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>  
    2. <html>  
    3. <script type="text/javascript">  
    4.     function dosubmit() {   
    5.         alert("heihei");   
    6.     }   
    7. script>  
    8. <head>javascript测试head>  
    9. <body>  
    10.        
    11. <hr>  
    12.     <form action="print.jsp" method="post">  
    13.          <input type="text" name="hello"/>  
    14.          <input type="submit" name="sub" value="提交" onclick="dosubmit()"/>  
    15.          <!---->  
    16.     form>  
    17. body>  
    18. html>  

    可以在函数里面做出验证.

    这个要用onclick 来触发事件,onchange,试了下不行其他不行.

    这里是用按钮.这里type用了submit

    xml 代码
    1. <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>  
    2. <html>  
    3. <script type="text/javascript">  
    4.     function dosubmit() {   
    5.         document.forms[0].submit();   
    6.         alert("^_^提交成功！");   
    7.     }   
    8. script>  
    9. <head>javascript测试head>  
    10. <body>  
    11.        
    12. <hr>  
    13.     <form action="print.jsp" method="post">  
    14.          <input type="text" name="hello"/>  
    15.          <input type="button" name="sub" value="提交" onclick="dosubmit()"/>  
    16.          <!---->  
    17.     form>  
    18. body>  
    19. html>  

     这里type用button,用document.forms[0].submit()来提交.

    xml 代码
    1. <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>  
    2. <html>  
    3. <script type="text/javascript">  
    4.     function dosubmit() {   
    5.         //document.forms[0].submit();   
    6.         alert("1111提交成功！");   
    7.     }   
    8. script>  
    9. <head>javascript测试head>  
    10. <body>  
    11.        
    12. <hr>  
    13.     <form action="print.jsp" method="post">  
    14.          <input type="text" name="hello"/>  z
    15.          <input type="image"  src="submit.bmp" name="sub" onclick="dosubmit()"/>  
    16.          <!---->  
    17.     form>  
    18. body>  
    19. html>  
    分享到：
    | 又一道HashMap简单例子
    评论
    1 楼 wenjinglian 2010-03-18  
    哇,2007年的文章了,前辈...
    第一例中:
    <form action="print.jsp" method="post">  
             <input type="text" name="hello"/>  
             <input type="submit" name="sub" value="提交" onclick="dosubmit()"/>  
    </form>


    此处有无调用onclick点击按钮都会提交.
    发表评论

    您还没有登录,请您登录后再发表评论

    相关推荐

      11JavaScript表单提交总结.docx

      JavaScript 表单提交总结 在 web 开发中，表单提交是一个非常重要的概念。它允许用户输入数据，并将其发送到服务器端进行处理。在本文中，我们将讨论 JavaScript 表单提交的相关知识点，并使用 Visual Studio 2015 ...

      Js 表单提交验证函数（很全了）

      在JavaScript中，表单提交...总之，JavaScript表单提交验证函数是网页开发中不可或缺的一部分，通过合理的组合使用内置函数、HTML5新特性及自定义函数，可以构建出强大而灵活的验证机制，确保用户输入的数据准确无误。

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

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

      javascript方式防止表单重复提交

      // 阻止默认的表单提交行为 var submitButton = document.getElementById('submitButton'); if (!submitButton.disabled) { submitButton.disabled = true; // 提交表单的逻辑 } }); ``` 2. **使用一次性...

      javascript弹出层表单提交代码

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

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

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

      js表单提交判断大全

      JavaScript 表单提交判断大全 在 Web 开发中，表单提交是最常见的交互方式之一。然而，在提交表单之前，需要对用户输入的数据进行验证，以确保数据的正确性和合法性。JavaScript 提供了一些强大的工具来实现表单...

      在IE的模式窗口中，通过表单提交到本页，并通过javascript获取提交的参数

      标题 "在IE的模式窗口中，通过表单提交到本页，并通过javascript获取提交的参数" 描述了一种常见的Web开发技术应用场景。在Internet Explorer（IE）浏览器的特定模式下，用户通过表单填写信息并提交后，这些数据通常...

      javascript表单正则验证自定义提示

      "javascript表单正则验证自定义提示"这一主题聚焦于利用正则表达式（Regular Expressions）进行表单验证，并通过自定义提示来优化用户交互。 正则表达式是一种强大的文本处理工具，它可以用来匹配、查找、替换和...

      javascript表单验证方式一

      这时可以使用`fetch`或`XMLHttpRequest`发起异步请求，收到响应后再决定是否允许表单提交。 6. **表单验证库** 社区有许多成熟的表单验证库，如`Validator.js`、`Formik`、`yup`等，它们提供更丰富的验证规则、...

      【JavaScript源代码】HTML form表单提交方法案例详解.docx

      表单提交有多种方式，包括： 1. **默认提交**：当用户点击`&lt;input type="submit"&gt;`按钮，表单会按照`&lt;form&gt;`标签的`action`属性指定的URL进行提交，通常是通过HTTP的GET或POST方法。 2. **JavaScript事件处理**：...

      防止Layui form表单重复提交的实现方法

      在使用Layui设计表单时，经常会遇到表单提交后页面刷新导致的重复提交问题。为了解决这个问题，开发者需要确保表单只提交一次，防止不必要的数据重复处理或者服务器的重复计算。下面详细解释几种防止Layui表单重复...

      JavaScript表单即时验证 验证不成功不能提交

      不能再让表单在提交按钮之后才被验证了！你输入的任何信息表单都会即时反应！ 这个JavaScript的关键是onChange()事件，使用onKeyUp()事件完成是不行的，人家没有输入完毕，你就说人家不对，多不友好啊╮(╯▽╰)╭ ...

      JavaScript在form表单中使用button按钮实现submit提交方法

       在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法： 使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在JavaScript中实现具体，代码如下： &lt;head&gt; ...

      基于JavaScript的表单提交处理与前端设计源码

      该项目是一款基于JavaScript的前端表单提交处理与设计源码，包含627个文件，其中PHP文件167个，Less文件166个，HTML文件78个，JavaScript文件53个，Stub文件37个，CSS文件36个，字体文件13个，SVG文件12个，PNG图片...

      弹出层表单提交数据完美解决

      在网页设计和开发中，用户交互的一个常见场景是...通过合理的HTML结构、CSS样式和JavaScript交互，我们可以创建出用户友好且安全的弹出层表单提交系统。在实际开发中，不断优化和测试，确保满足不同场景和用户需求。

      layui form表单提交之后重新加载数据表格的方法

      本文将探讨在使用layui框架的情况下，如何在表单提交之后重新加载数据表格。 首先，让我们来分析一下使用的layui组件。Layui是一个前端UI框架，它提供了一套模块化的组件，方便开发者快速开发界面。其中，form模块...

      javascript经典特效---用链接来提交表单.rar

      在JavaScript的世界里，表单提交通常通过`&lt;form&gt;`元素的`submit`事件来实现，但有时为了提供更友好的用户体验或特殊的交互效果，我们可能会选择使用链接（`&lt;a&gt;`标签）来触发表单的提交。这个"javascript经典特效---...

      表单设计Javascript工具

      4. **表单提交**：JavaScript可以实现无刷新提交，通过AJAX技术将表单数据发送到服务器，提高用户体验。 5. **样式定制**：通过修改CSS样式，开发者可以定制表单的外观，使其符合网站的整体设计。 6. **响应式设计...

    Magicbox
    Global site tag (gtag.js) - Google Analytics