`

form表单提交2次的原因

 
阅读更多
1.第一种写法:
(1)<form name="loginForm" action="login" method="post" id="loginForm">
<input type="button" value="tijiao" onclick="return checkField();"/>
</form>
(2)function checkField(){ 
if(usernameValue !== "" && passwordValue !== ""){
    	document.getElementById("loginForm").submit();    
    	return true;
    }
}
2.第二种写法:
(1)<input type="submit" value="tijiao" onclick="return checkField();"/>或者图片<input type="image" src="../images/btn-login.gif" alt="Login" class="btn-login" onclick="return checkField();"/>
(2)if(usernameValue !== "" && passwordValue !== ""){
                如果写了它就提交了2次。
    	//document.getElementById("loginForm").submit();    
    	return true;
    }

 

分享到:
评论

相关推荐

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

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

    C# post方式提交Form表单

    在Form表单提交中,POST方法会将表单数据封装在请求体中发送到服务器,而不是像GET那样将其附加到URL后面。这样可以确保数据的安全性,并且对数据长度没有限制。 二、C#实现POST表单提交的步骤 1. 创建HTTP客户端:...

    php curl模仿form表单提交图片或文件

    在本文中,我们将深入探讨如何使用PHP的cURL库来模仿form表单提交,特别是提交图片或文件。我们将结合ThinkPHP5(简称TP5)框架来展示一个实际的例子。 首先,了解cURL。cURL是一个客户端URL传输库,它支持多种协议...

    JS提交form表单实例分析

    本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: &lt;form method="post" id="myform" action="a.php"&gt; &lt;input type="submit" value=...

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

    然后,可以使用Layui的form模块来监听这个标记的表单提交事件。 Layui的form模块提供了on方法,用于监听表单的提交事件。通过form.on("submit(formConfig)",function(data){...})的调用,开发者可以指定当具有特定...

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

    ###知识点二:表单提交事件监听 接下来,我们看到以下代码: ```javascript form.on('submit(search)',function(data){ // 表单提交后的操作 }); ``` 这里使用了`form`模块的`on`方法来监听表单的提交事件。参数...

    js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

    方法一:伪装form表单提交 这种方法通过JavaScript动态创建一个form元素,将需要提交的参数值编码后加入到表单的action属性中,然后模拟form的提交行为。示例代码如下: ```javascript linkredwin=function(A,B,C,D,...

    EXT异步提交FORM表单

    #### 二、EXT异步提交FORM表单的基本原理与实现 ##### 2.1 基本原理 EXT异步提交FORM表单的核心是通过Ajax技术实现表单数据的后台提交,而无需刷新整个页面。这种方式的主要优点在于能够提供更加流畅的用户交互...

    使用AJAX提交Form表单实例演示

    总结,这个实例演示了如何使用jQuery和AJAX来实现Form表单的无刷新提交。通过这种方式,用户可以在提交表单后立即看到结果,而无需等待页面刷新,提高了交互性和用户体验。记住,实际应用中你需要根据具体需求调整...

    ajaxForm异步提交表单(含图片)

    AjaxForm是jQuery Form Plugin的一个功能,用于实现异步表单提交,特别是处理包含图片在内的复杂数据。本文将深入探讨如何使用ajaxForm进行异步表单提交。 首先,让我们了解什么是Ajax。AJAX(Asynchronous ...

    JQuery.form表单提交参数详解.txt

    通过以上介绍,我们可以看出 JQuery Form 插件提供的 `ajaxForm()` 和 `ajaxSubmit()` 方法极大地简化了 AJAX 表单提交的过程。合理配置这些选项可以帮助我们更高效地开发 Web 应用程序。希望本文能够帮助大家更好地...

    漂亮的form表单-漂亮的form表单

    7. **表单提交** - **GET与POST方法**:`method`属性决定提交方式,GET将数据附加到URL,POST则将数据隐藏在请求体中。 - **服务器端处理**:表单数据提交后,服务器端(如PHP、Python、Node.js等)需解析并处理...

    FORM表单中文乱码问题分析与解决

    FORM表单中文乱码问题分析与解决 在 Web 开发中,中文乱码问题是一个常见的问题,尤其是在FORM表单传递参数时。这个问题的根本原因是对中文的编码与解码方式不一致。我们可以理解为对中文的加密与解密的密钥不一致...

    使用jQuery.form插件,实现完美的表单异步提交

    在Web开发中,异步表单提交是一种常见需求,它能提供更好的用户体验,因为用户无需等待页面刷新即可完成数据的提交。jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、...

    jquery异步提交form表单

    本文将深入探讨“jQuery异步提交form表单”这一主题,结合给出的标签“源码”和“工具”,我们将分析相关源码,并提供实际应用中的指导。 在传统的HTML表单提交过程中,页面会跳转到服务器返回的结果页面,这在用户...

    form表单提交不跳转的方式

    form提交后不跳转,增强用户体验。 工程采用jquery写前端,struts2做一个跳转返回数据。

    jquery-form 异步提交表单

    为了解决这个问题,jQuery Form插件应运而生,它允许我们实现异步(Ajax)表单提交,提高页面的响应性和用户体验。 ### jQuery Form 插件介绍 jQuery Form插件是基于jQuery的一个强大工具,它可以轻松地将任何HTML...

    ajax提交form表单

    这为用户提供了一种流畅、快速的交互体验,尤其是在处理表单提交时,可以避免传统表单提交带来的页面跳转和数据丢失问题。 ### 二、Ajax无刷新提交表单的核心步骤 1. **创建XMLHttpRequest对象**:这是Ajax的核心...

    form多表单同时提交以及支持下拉框可编辑源码

    2. **创建提交按钮**:创建一个用于触发所有表单提交的按钮。 3. **编写JavaScript函数**:编写一个JavaScript函数,在该函数中通过遍历所有需要提交的表单元素,逐个触发它们的提交事件。 示例代码如下: ```...

Global site tag (gtag.js) - Google Analytics