精华内容
下载资源
问答
  • HTML禁止表单提交方法

    万次阅读 2018-12-11 19:32:11
    有时在点击提交按钮时不希望提交form表单,所以在写提交按钮时应该注意以下几点: <form name="form1" method="post" action="" > <table width="50%&...

    有时在点击提交按钮时不希望提交form表单,所以在写提交按钮时应该注意以下几点:

    <form name="form1" method="post" action="" >
    	<table width="50%" border="0" cellspacing="1" cellpadding="0">
    		<tr>
    			<td width="20%">用户名:</td>
    			<td width="50%">
    				<label>
    				 <input type="text" required="required" placeholder="请输入用户名" id="username" v-model="username" />
    				</label>
    			</td>
    			<td width="30%"><div id="username_error"></div></td>
    		</tr>
    
    		<tr>
    			<td colspan="3">
    				<label>
    				 <input type="button" @click="register" name="button" id="button" value="提交"> 
    				 <input type="reset" name="button2" id="button2" value="重置">
    				</label>
    			</td>
    		</tr>
    	</table>
    </form>
    

    一、在写<input> 提交按钮时type类型不要再写成submit改为button类型,然后为按钮添加一个点击事件就可以了,如上述的按钮写法,不要在form中写onsubmit属性。

     <input type="button" @click="register" name="button" id="button" value="提交"> 
    

    二、注意不要再表单中写这种类型的<button>提交</button>按钮默认也是提交整个表单。
    三、可以再form中添加onsubmit属性,让提交的返回值为false,这样就能控制点击提交按钮提交表单了
    如:

    <form  method="post" action=""  onsubmit="return false;">
    

    或在form中写一个提交的方法,让方法做一些验证,不符合条件阻止提交,如:

    <form  method="post" action=""  onsubmit="return check();">
    --------------------------------------------------------------
    // 验证表单
    function check(){
    	// 验证表单数据是否符合条件,不符合返回false禁止提交
    	return false;			
    }
    
    展开全文
  • Flask表单提交方法

    千次阅读 2018-04-19 18:01:27
    这里介绍一下Flask表单提交相关的方法,还是以代码实例为主。首先,Flask模板中表单提交代码与我们一般写的H5表单无异,当然,Flask也提供了表单类,Flask-WTF扩展。这里只介绍常规的表单提交方法。首先是模板类:&...
    这里介绍一下Flask表单提交相关的方法,还是以代码实例为主。

    首先,Flask模板中表单提交代码与我们一般写的H5表单无异,当然,Flask也提供了表单类,Flask-WTF扩展。这里只介绍常规的表单提交方法。

    首先是模板类:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>from_test</title>
    </head>
    <body>
    {% if name %}
        {{ name }}
    {% else %}
    <form method="post" action="login">
        Name:<input type="text" name="name"/>
        PassWord:<input type="password" name="password"/>
        <input type="submit" value="Submit"/>
    </form>
    {% endif %}
    </body>
    </html>


    处理程序:

    from flask import Flask, render_template, request
    app = Flask(__name__)
    @app.route('/')
    def index():
        return render_template('test1.html')
    
    @app.route('/login', methods=['post'])
    def login():
        name = request.form.get('name')
        password = request.form.get('password')
        if name == 'admin' and password == '123':
            return render_template('test1.html', name=name)
        return render_template('test1.html')
    
    if __name__ == '__main__':
        app.run(debug=True)
    当验证成功后,页面显示登录者的名字信息。验证失败则继续显示登录页面。

    但以上程序有一个问题,当提交信息后,地址栏显示信息如下:



    如果此时点击刷新按钮,那么会出现以下提示:



    这不太友好,要解决这个问题可以使用重定向,Flask提供了redirect函数,用法如下:

    @app.route('/login', methods=['get', 'post'])
    def login():
        name = request.form.get('name')
        password = request.form.get('password')
        if name == 'admin' and password == '123':
            return redirect(url_for('login'))
        return render_template('test1.html')

    当我们登录成功后,此时用户刷新页面也没有任何问题,但是名字没有传递到页面。那么这时就要和会话session一块儿使用来保证重定向后信息不被丢失。

    用法如下:

    @app.route('/login', methods=['get', 'post'])
    def login():
        name = request.form.get('name')
        password = request.form.get('password')
        if name == 'admin' and password == '123':
            session['name'] = name
            return redirect(url_for('login'))
        return render_template('test1.html', name=session.get('name'))
    我这边用的是python2.7,在直接使用时出现一些错误提示:
    the session is unavailable because no secret key was set. Set the secret_key on the application to something unique and secret

    提示比较明显,没有设置密钥导致了session不可用,为了安全起见,也应该设置一个密钥,Flask提供了密钥设置的方法:app.config['SECRET_KEY']
    设置密钥可以有效防止跨站请求伪造的攻击。

    解决办法是在代码中加入:

    app.config['SECRET_KEY'] = 'myproject'
    app.secret_key = 'myproject'
    当然,通常不同的程序使用不同的密钥,并且密钥应该保存在环境变量中,而不是这样直接写。

    在进行表单提交操作时,如果我们写错了用户名或者密码,页面往往会给出提示,Flask提供了很方便的操作,即使用Flash消息。

    这里做一个简单的用户不存在提示(只是演示Flash用法,用户名密码分开提示是不安全的)

    @app.route('/login', methods=['get', 'post'])
    def login():
        name = request.form.get('name')
        password = request.form.get('password')
        if name == 'admin' and password == '123':
            session['name'] = name
            return redirect(url_for('login'))
        if name != 'admin':
            flash('no this name')
        return render_template('test1.html', name=session.get('name'))


    页面模板中消息提示的代码:

    {% for message in get_flashed_messages() %}
        {{ message  }}
    {% endfor %}
    现在应该是可以了,这里我本人使用的是python2.7,如果消息提示为中文,可能此时会遇到一个编码错误,信息:
    UnicodeDecodeError: 'ascii' codec can't decode byte 0xe4 in position 0: ordinal not in range(128)

    原因是读取消息时,python的str默认是ascii编码,和unicode编码冲突,解决方案是加入如下代码:

    import sys
    reload(sys)
    sys.setdefaultencoding('utf8')
    大功告成!


    展开全文
  • jQuery表单提交方法

    2019-05-27 20:39:02
    action:规定当提交表单时向何处发送表单数据,值:URL URL可能的值: 绝对 URL - 指向其他站点(比如 src=“www.taobao.com”) 相对 URL - 指向站点内的文件(比如 src="/jQueryAjax/formAction") metho...

    开发工具与关键技术:visual Studio jquery
    作者:邓伟征

    form表单的属性action 与method
    action:规定当提交表单时向何处发送表单数据,值:URL
    URL可能的值:
    绝对 URL - 指向其他站点(比如 src=“www.taobao.com”)
    相对 URL - 指向站点内的文件(比如 src="/jQueryAjax/formAction")
    method: 规定用于发送 form-data 的 HTTP 方法。(提交表单的方式) 值:get和post
    get/post:
    get提交时参数直接暴露在URL上。
    (W3School上给出的区别:)
    与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
    然而,在以下情况中,请使用 POST 请求:
    无法使用缓存文件(更新服务器上的文件或数据库)
    向服务器发送大量数据(POST 没有数据量限制)
    发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠 ‘
    get/post区别:
    1、Get方法是用来向服务器上获取数据,而Post是用来向服务器上传递修改数据。
    2、Get将表单里的数据添加到action所指向的URL后面,并且两者之间使用”?”连接,
    而各个变量之间使用”&”连接;Post是将表单中的数据放在form的数据体中,
    按照变量和值对象的方式,传递到所指向的action.
    3、Get是不安全的,因为在传输过程中,数据被放在请求的Url中
    ,这样,用户可以直接在浏览器上看到提交的数据,
    一些系统内部信息也一同显示在用户面前。
    Post的所有操作对用户来说都是不可见的。
    4、Get传输的数据量小,主要是受限与于Url长度限制,
    其中IE浏览器对URL的最大限度为2083个字符(http://hqlong.com/2009/12/1164.html)。 而post可以的传输大量的数据,所以在上传文件和大数据量时使用post。
    5、Form提交默认为Get方法提交。
    6、Get方式获取数据后,刷新不会有负面的影响,
    因为它只是获取数据,而Post方法刷洗页面重复提交可能会产生不良的后果。

    男 女
    表单提交

    在这里插入图片描述
    如图填好所有信息,点击表单提交按钮就可以完成表单提交了
    在这里插入图片描述
    手动提交
    KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲btnsubmit").cli…("#myform").attr({ “method”: “post”, “action”: “/jqueryajax/formaction” });
    $("#myform").attr({ “method”: “post”, “action”: “/jqueryajax/formaction” });
    });
    $.get("", {}, function () {

        });
    
    展开全文
  • 本文实例总结分析了ThinkPHP防止重复提交表单方法。分享给大家供大家参考,具体如下: 为什么会有表单重复的坑 在开发中,如果一个新增或修改的表单,在后台完成数据库操作后我们设定的不是跳转到其他页面,还是...
  • Js 阻止表单提交方法

    千次阅读 2017-11-12 15:25:00
    submit,提交表单,如果直接调用该函数,则直接提交表单 onSubmit,提交按钮点击时先触发,然后触发submit事件。如果不加控制的话,默认返回true,因此表单总能提交。 2. JS的校验 通过在JS中用document....
    <body>
        <form action="clock.html" method="post" οnsubmit="return checkLength()">
            <p>name:<input type="text" name="user" id="user"></p>
            <input type="submit" id="submit" name="submit"> 
        </form>
    </body>
    </html>


    html页面。

        第一种方法:利用event的阻止默认事件机制,页面载入之后获得submit元素,然后为submit注册click响应函数,参数为event事件。

    在用户点击submit触发响应函数后,直接event.preventDefault();阻止表单转跳的默认事件。


        第二种方法:在表单form标签下属性οnsubmit="return checkLength()" 或 id="submit"的input标签下添加属性 checkLength()"

        function 函数中   阻止 form提交   return false;

                  阻止 函数中代码向下执行   return;




         以下还有

        

    1.form的两个事件


    submit,提交表单,如果直接调用该函数,则直接提交表单

    onSubmit,提交按钮点击时先触发,然后触发submit事件。如果不加控制的话,默认返回true,因此表单总能提交。


    2. JS的校验

    通过在JS中用document.myform.name.value,来得到用户的每一个输入 ,进行校验,当完全通过时,返回TRUE,反之返回false。


    3. 页面代码实现

    /*

    <form name="testform"  action="hello.html"  method="post" onSubmit="return check();">

      <input type="text" name="name">

      <input type="submit" value="提交">

    </form>

    */

    4. JS的实现

    function check(){
        if (document.testform.name.value=="admin")    {        
            alert("姓名不正确");        
            return false;    
            }
        else{
            return true;
            }
    }

    注意

                onSubmit的写法,千万不要写成:“check()”,这样当检验不能通过的时候不会提交表单。





    本文转自 曦羽  51CTO博客,原文链接:http://blog.51cto.com/exist/1955982
    展开全文
  • HTML禁止表单提交方法 源代码如下: form2.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单提交知识点</title> <...
  • MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等……使用它可以大大减少书写代码的工作量,但和Jquery不同,使用AngularJS有一定的难度,因此今天我将介绍以下怎样使用AngularJS来对表单提交内容进行...
  • Laravel学习记录--表单提交方法伪造

    千次阅读 2020-02-01 11:40:25
    有时候我们需要定义发送表单所使用的HTTP请求方式,但HTML表单只支持GET和POST两种提交方法,如果要使用其他的请求方式,需要我们自定义 常见HTTP请求 OPTIONS:允许客户端查看服务器的性能。这个方法会请求服务器...
  • python表单提交

    万次阅读 2016-11-11 14:31:41
    python写爬虫模拟表单提交的库其实又很多,我使用的是Requests库进行简单的表单提交。 Requets 库安装方式: sudo pip install requests一、无文件的表单提交  对于无文件的提交,我们只需要查看目标网页表单各元素...
  • 本文实例讲述了jQuery实现提交表单时不提交隐藏div中input的方法。分享给大家供大家参考,具体如下: 今天做一个功能 想在下拉列表中根据下拉的选项隐藏对应的div有个平台选择的下拉列表,我想在选择pc的时候出现...
  • 在导师的催促下就总结出以下的几种常用表单提交方法。 第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 [removed] function validate(obj) { if (confirm("提交表单?")) {...
  • 关于表单验证,目前知道的,除了以前那种傻瓜式的每个表单选项都用一个函数去验证之外,有两种方法是比较方便的,今天先介绍一下第一种,在前端实现表单验证的方法——基于validate.js的表单验证方法。 注意哟,以下...
  • 在vue框架中防止用户重复提交表单方法 在互联网应用中有效地阻止用户重复点击操作可以极大地提高系统的安全性和稳定性。为此,好友封装了一个专门用于提交表单和下载文件的按钮组件,为方便描述姑且称之为“防抖...
  • 表单重复提交是在Web应用中经常遇到的一个比较麻烦的问题。有很多应用场景都会遇到重复提交问题,比如: 点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复之前的操作,导致重复提交表单。 使用浏览器历史...
  • PHP表单提交

    2019-06-03 11:19:09
    PHP 表单验证 本章节我们将介绍如何使用PHP验证客户端...在本章节介绍的HTML表单中包含以下输入字段: 必须与可选文本字段,单选按钮,及提交按钮: 查看代码 » 上述表单验证规则如下: 字段 验证规则 名字 必须。 ...
  • 防止form表单重复提交的X种方法

    万次阅读 2017-12-07 16:29:42
    Form表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题,比如: (1)点击提交按钮两次。 (2)点击刷新按钮。 (3)使用浏览器后退按钮重复之前的操作,导致重复...
  • 表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题,比如: ... 使用浏览器后退按钮重复之前的操作...表单提交后使用Javascript使提交按钮disable。这种方法防止心急
  • 表单提交方法post和get区别

    千次阅读 2007-03-28 20:58:00
    表单提交方法有两种一种是get方法一种是post方法 如果选择的是get方法,那么这个表单的数据是通过在action属性中的url后面追加参数来提交数据。数据量的大小被限制在4K以内。 而post方法实际上是提交这个HTML文档...
  • form表单提交之Enter提交

    千次阅读 2017-07-26 19:17:54
    通常情况下,我们在页面上操作输入框的时候,像搜索框,登录的时候,我们一般输入完成后喜欢直接enter去获取结果,然而尴尬的是当...如果表单里只有一个type=”text”的input,不管按钮是什么type(或有无提交按钮),
  • 使用form表单的onsubmit属性,当属性值为true时,则提交,当属性值为false时,则不提交: &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF...
  • 异步ajax提交数据到服务器处理信息,处理成功后将返回的数据... 提交表单,此时遇到谷歌、IE等浏览器拦截表单提交后的URL新窗口,思考了很久,终于找到了解决办法: 以下内容转载自http://hezlh.blog.163.com/blog...
  • SpringBoot 2 处理表单提交

    千次阅读 2020-02-14 18:03:11
    该指南将引导你使用 Spring 创建和提交 Web 表单。   你将创建的应用 在该指南中,我们将构建一个 Web 表单,该表单可以通过以下 URL 访问:http://localhost:8080/greeting。 在浏览器中查看该页面将显示该...
  • Spring Boot(三):RestTemplate提交表单数据的三种方法

    万次阅读 多人点赞 2017-09-11 23:13:13
    在REST接口的设计中,利用RestTemplate进行接口测试是种常见的方法,但在使用过程中,由于其方法参数众多,很多同学又混淆了表单提交与Payload提交方式的差别,而且接口设计与传统的浏览器使用的提交方式又有差异,...
  • form表单提交与 ajax提交的区别

    千次阅读 2018-09-30 11:20:13
    一般登录用表单提交,点击提交触发submit事件,一般会 使页面发生跳转,页面的跳转等行为的控制往往在后端,后端控制页面的跳转及数据的传递;但是某些时候不希望页面跳转,或者说想要将控制权放在前端,通过js来...
  • return false 阻止表单提交不了 基本上关于onsubmit=return false有以下几点要注意的地方: 1. return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方。如下PHP函数...
  • form表单提交的几种方式

    万次阅读 多人点赞 2019-06-04 09:41:03
    表单提交方式一:直接利用form表单提交 html页面代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Insert title here</title> </head> &...
  • 本文实例讲述了js实现a标签超链接提交form表单方法。分享给大家供大家参考。具体实现方法如下: name="shopName" value="@shopName"> id="h-submitBtn" onclic
  • 超链接提交form表单

    千次阅读 2017-09-30 14:38:02
    这篇文章主要介绍了js实现a标签超链接提交form表单方法,涉及javascript针对表单操作的相关技巧,需要的朋友可以参考下本文实例讲述了js实现a标签超链接提交form表单方法。分享给大家供大家参考。具体实现方法如下...
  • 表单提交-form提交和ajax提交

    万次阅读 2018-01-21 12:13:10
    一般登录用表单提交,点击提交触发submit事件,一般会 使页面发生跳转,页面的跳转等行为的控制往往在后端,后端控制页面的跳转及数据的传递;但是某些时候不希望页面跳转,或者说想要将控制权放在前端,通过js来...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 129,335
精华内容 51,734
关键字:

以下不是表单提交的方法