精华内容
参与话题
问答
  • form表单提交,前端验证

    万次阅读 多人点赞 2017-04-30 18:09:42
    Form表单提交,js验证 1, Onclick() 2, Onsubmit() Button标签 input (属性 submit button )标签 Input type=button 定义按钮,没有任何行为。多数情况下,用于通过javascript启动脚本 Input type=submit 定义...

     

    Form表单提交,js验证

    1,  Onclick()

    2, Onsubmit()

    Button标签 ,input (属性 submit  button )标签

    Input type=button   定义按钮,没有任何行为。多数情况下,用于通过javascript启动脚本

    Input type=submit 定义提交按钮,提交按钮会把表单数据发送到服务器

     

    在javascript中,事件调用函数时,用return返回值实际上是对window.event.returnValue进行设置

    而该值决定当前操作是否继续,true是继续 false中断

     

     

    第一种方法:onsubmit 与 Input type=submit 搭配  

     

     

    第二种方法:onclick 与 Input type=button 搭配  

     

    注意:Input type=button 提交不会触发form的 onsubmit事件

     

     

     

     

     

     

     

     

    展开全文
  • form表单提交和ajax表单提交

    万次阅读 2015-08-31 15:56:07
    相信大家在做itoo的时候都用过ajax异步提交数据,...如果表单提交后跳转到另一个页面获取数据这种情况,采用传统的form表单提交和利用ajax进行表单提交都是可以实现的。  首先来说传统的form表单提交:  HTML代码:

             相信大家在做itoo的时候都用过ajax异步提交数据,好处自然不言而喻,数据提交页面不会闪屏;页面局部更新速度快;网络带宽占用低。而表单提交则整个页面重绘。如果表单提交后跳转到另一个页面获取数据这种情况,采用传统的form表单提交和利用ajax进行表单提交都是可以实现的。

            首先来说传统的form表单提交:

             HTML代码:

    <form id ="fm" method="post" action="/SearchInfo/QueryMoreInfo" >
                
          <div>
    
          <table id="searchInfo"  style="width: auto; height:auto; margin: 8px" title="基本信息" iconcls="icon-edit">
            </table>
                
              <input id ="setGuid" name="setGuid" type="hidden"> 
          
           </div>
                
     </form>
        js代码:

    //点击详情方法
         function moreInfo(index) {
             $('#searchInfo').datagrid('selectRow', index);// 关键在这里  
             var row = $('#searchInfo').datagrid('getSelected');//,获取选中行
            
             document.getElementById("setGuid").value = row.b_basicInformationNumber;//主键赋值给input
             
             document.getElementById("fm").submit();//表单提交
             
         };
      在form表单中的input隐藏域的值就可以在后台进行接收了:

      //获取rowID
                string rowid=Request.Form["setGuid"].ToString();

                  第二种是ajax提交表单:

    $.ajax({
                    type: "POST",
                    url:"SearchInfo/QueryMoreInfo",
                    data:$('#fm').serialize(),// 序列化表单值
                    async: false,
                    error: function(request) {
                        alert("Connection error");
                    },
                    success: function(data) {
                        window.location.href="跳转页面"
                    }
                });
    后台可以使用request.getParameter("setGuid")来获取到值。

    展开全文
  • 表单提交Post方法、Get方法

    万次阅读 2018-01-02 11:16:53
    表单大家都很熟悉,上网的时候经常会遇到表单 ... 表单用来接受用户的输入,并将用户的输入以“name=...下面我将为大家揭开表单提交背后的秘密 表单用 标记定义,表单里面放置各种接受用户输入的控件

    表单大家都很熟悉,上网的时候经常会遇到表单






            表单用来接受用户的输入,并将用户的输入以“name=value值对”集合的形式提交到服务器进行处理。那么表单是怎样将数据提交到服务器的?服务器是怎样对表单数据进行处理的?下面我将为大家揭开表单提交背后的秘密


    表单用<form></form> 标记定义,表单里面放置各种接受用户输入的控件


    [html] view plain copy
    1. <form id="login" name="login" method ="get"  action="Get.aspx">  
    2.   
    3.         <p>用户名:<input id="txtUserName" name="txtUserName" type="text" /></p>  <!--用户名文本框-->  
    4.         <p>密 码:<input id="txtPWD" name="txtPWD" type="text" /></p>                     <!--密码文本框-->  
    5.         <p><input id="subLogin"  name ="subLogin" type="submit" value="提交" /></p><!--提交按钮-->  
    6.           
    7. </form>  



    首先我们来看一下表单form的一些属性

    1、id:表单的唯一标识

    2、name:表单的名字

    3、method:定义表单提交的方法,有两种方法:Post方法和Get方法

    4、action:用于处理表单的服务器端页面(以URL 形式表示)

           表单中的控件有两个属性是非常重要的:name属性和value属性,每一个控件的这两个属性将构成“name-value对”提交到action属性所定义的页面进行处理

    前边讲到表单提交有两种方法:post和get,那么这两种方法有什么区别呢?

    1、post方法

           用这种方法提交的表单,数据将以数据块的形式提交到服务器,表单数据不会出现在URL中,所以用这种方式提交的表单数据是安全的。如果表单数据中包含类似于密码等数据,建议使用post方法


    用post方法提交数据的表单:

    [html] view plain copy
    1. <form id="login" name="login" method ="Post"  action="Post.aspx">  
    2.   
    3.         <p>用户名:<input id="txtUserName" name="txtUserName" type="text" /></p>  <!--用户名文本框-->  
    4.         <p>密 码:<input id="txtPWD" name="txtPWD" type="text" /></p>                     <!--密码文本框-->  
    5.         <p><input id="subLogin"  name ="subLogin" type="submit" value="提交" /></p><!--提交按钮-->  
    6.           
    7. </form>  

    浏览器中效果




    处理表单的Post.aspx页面代码

    [csharp] view plain copy
    1. protected void Page_Load(object sender, EventArgs e)  
    2.         {  
    3.   
    4.             string strUserName = Request.Form["txtUserName"];  
    5.             string strPWD=Request .Form["txtPWD"];  
    6.   
    7.             if (strUserName == "张三" && strPWD == "123456")  
    8.             {  
    9.                 Response.Write(strUserName + "登录成功!");  
    10.             }  
    11.             else  
    12.             {  
    13.                 Response.Redirect("Login.htm");  
    14.             }  
    15.               
    16.         }  

    运行的结果




            由以上代码可知,服务器端页面接收表单数据所用的方法是Request.Form["表单控件的name属性"],接收到数据后便可以进行处理,然后返回结果


    2、Get方法

          这是发送表单数据的默认方法,这种方法会以 “?name1=value1&name2=value2”的形式,将表单数据附加到URL的后面,提交到服务器处理,这种方法安全性当然不如post方法,因为表单数据会暴露在URL中,但是它的处理效率要比post方法高。如果表单中的数据没什么隐私数据,建议使用get方法,它的效率较高



    用get方法提交数据的表单:

    [html] view plain copy
    1. <form id="login" name="login" method ="get"  action="Get.aspx">  
    2.   
    3.         <p>用户名:<input id="txtUserName" name="txtUserName" type="text" /></p>  <!--用户名文本框-->  
    4.         <p>密 码:<input id="txtPWD" name="txtPWD" type="text" /></p>                     <!--密码文本框-->  
    5.         <p><input id="subLogin"  name ="subLogin" type="submit" value="提交" /></p><!--提交按钮-->  
    6.           
    7. </form>  


    处理表单的Get.aspx页面代码

    [csharp] view plain copy
    1. protected void Page_Load(object sender, EventArgs e)  
    2.         {  
    3.             string strUserName = Request.QueryString ["txtUserName"];  
    4.             string strPWD = Request.QueryString["txtPWD"];  
    5.   
    6.             if (strUserName == "张三" && strPWD == "123456")  
    7.             {  
    8.                 Response.Write(strUserName + "登录成功!");  
    9.             }  
    10.             else  
    11.             {  
    12.                 Response.Redirect("Login.htm");  
    13.             }  
    14.               
    15.               
    16.         }  

    运行结果:




           由以上代码可知,服务器端页面接收表单数据所用的方法是 Request.QueryString ["表单控件的name属性"],接收到数据后便可以进行处理,然后返回结果


           那么我们在用VS编程的时候会发现,aspx页面的表单并没有指定action属性,那么它的 表单由哪个页面处理呢?aspx页面的表单默认是由本页面处理的,当然你也可以指定由其他aspx页面处理




             希望这篇文章能对大家有所帮助。

    转载出自:http://blog.csdn.net/wzwenhuan/article/details/7803510

    展开全文
  • form表单如何提交

    千次阅读 2019-06-04 20:15:21
    1、原生的form表单提交 <form action="xxxServlet" method="post"> <input type="submit" value="提交"/> </form> 2、通过js方式提交 1)通过原生的js提交 document.getElementById("form")...

    1、原生的form表单提交

     <form  action="xxxServlet" method="post">
                <input type="submit" value="提交"/>
     </form>
    

    2、通过原生的js提交

    		document.getElementById("form").onSubmit = function(){
    		
          	 };
    

    3、jQuery 提交form表单

        $("#form").submit(function(){
        
        });
    
    展开全文
  • form表单提交的几种方法

    万次阅读 多人点赞 2014-12-12 21:40:58
    form表单提交的几种方法();" action="RegisterAction.action"> 姓名: 性别: 男 女 年龄:
  • form表单提交

    千次阅读 2019-04-03 19:57:35
    开发工具与关键技术:MVC JQuery 的 form表单提交 作者:沈金凤 年级:18级(5)班 撰写日期:2019年4月2日 一、Form表单有两个属性分别是:“action”和“method”: Action: 的值是URL 就是当提交表单时向...
  • form表单提交的几种方法

    万次阅读 2017-09-07 16:23:14
    form表单提交的几种方法 [html] view plain copy print? form id="myform" name="myform" method="post" onsubmit="return sumbitTest();" action="RegisterAction.action"> table> 
  • 提交表单

    千次阅读 2018-11-20 15:49:59
    2、通过form表单的action传值 一般情况下数值在传给后台之前需要校验,可以在form中的onsubmit调用js方法进行校验,当js方法返回值为true时,触发action,当js方法返回值为false时,action不触发。这样处理的好处...
  • form表单提交

    2019-03-17 16:45:46
    form表单提交 客服端 表单提交 onsubmit提触发函数 name 表单的名字 action提交的位置 url method 提交方式 post、get方式; 表单提交 onsubmit提触发函数 name 表单的名字 action提交的位置 url ...
  • form表单提交的几种方式

    万次阅读 多人点赞 2019-06-04 09:41:03
    表单提交方式一:直接利用form表单提交 html页面代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Insert title here</title> </head> &...
  • form表单提交方式

    万次阅读 多人点赞 2018-01-05 19:51:12
    form表单提交方式总结一下: 一、直接上代码&lt;script type=&quot;text/javascript&quot;&gt; function check(form) { if(form.userId.value=='') { alert(&quot;请输入用户帐号!&quot...
  • 表单提交的几种方式

    千次阅读 2017-08-14 15:31:34
    一、Form和提交 ...method : 表单提交方式,默认为get,可选值为get/post enctype : 规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况), 可取值为application/x-www-form-
  • 1、type=”submit” &amp;amp;amp;amp;amp;amp;lt;form name=”form” method=”post” action=”#&...input type=”submit” name=”submit” value=”提交&amp;amp;amp;amp;amp;quo
  • 定义一个函数: ...var gnl=confirm("确定要提交?"); if (gnl==true){ return true; }else{ return false; } } 然后在form的onsubmit里调用就可以了: <form action="2.html" onsubmit="return
  • 这篇文件主要介绍通过springboot 去创建和提交一个表单。创建工程涉及了 web,加上spring-boot-starter-web和spring-boot-starter-thymeleaf的起步依赖
  • Flask表单提交的方法

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

    万次阅读 2013-12-10 21:47:59
    因为是转载文章 在此标明出处,以前有文章是转的没标明的请谅解,因为有些已经无法找到出处,或者与其它原因。 如有冒犯请联系本人,或删除,或标明出处。 因为好的文章,以前只想收藏,但连接有时候会失效,...
  • python表单提交

    万次阅读 2016-11-11 14:31:41
    python写爬虫模拟表单提交的库其实又很多,我使用的是Requests库进行简单的表单提交。 Requets 库安装方式: sudo pip install requests一、无文件的表单提交  对于无文件的提交,我们只需要查看目标网页表单各元素...
  • 在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮()就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交。 1、input[type=submit] input[type]默认值为text 设置...
  • ASP.NET MVC 的表单提交

    万次阅读 2014-12-13 09:58:22
    ASP.NET MVC 开发过程中,我们经常要提交表单数据到后台进行处理。... 首先我们说说不使用ASP.NET MVC 的一些特性,也不使用Jquery的Ajax做最简单的表单提交。这种表单提交只使用了HTML标签,使用html表单form的

空空如也

1 2 3 4 5 ... 20
收藏数 403,950
精华内容 161,580
关键字:

表单提交