文档章节

js中submit提交form和button提交form

不打伞的小鱼
 不打伞的小鱼
发布于 2015/03/26 12:23
字数 399
阅读 32
收藏 0

  在验证登陆信息时,一般是用submit提交form,如果验证通过,则跳转到主页,失败则把错误信息放在session中,返回给页面显示。

  而由于我用的是springMVC,在return的时候是:return ”redirect:/login.jsp“,这样有一个问题就是验证失败的时候,跳转到页面时会刷新页面,错误信息可以显示,但之前填进去的信息(错误的)也消失了。

  解决办法:不使用submit提交,把submit改为button.

  实现: 改为button后,当页面输入不为空,则$("#formId").submit();,验证失败,则把失败信息和登陆的信息一起放在session中:session.setAttribute("loginId");

  onblur():当输入框失去光标时,做一些验证,例如:当光标移除,则判断输入框中的值是否为空,如果为空,则提示输入

                不能为空:

                html:   <input id="inputId" onblur="checkNull"/><span id="checkInfo"></span>

                js     :    function checkNull(){

                              var inputVal = $("#inputId").val();

                               if(inputVal==""){

                                     $("#checkInfo").text("输入的值不能为空!");

                                }                      

                            }

            

    onfocus():和onblur()刚好相反,它是当输入框得到光标时,做一些验证,例如:光标移除时,$("#checkInfo").text()

                     的值 已经有错误提示了,但我希望当光标在输入框中的时候,错误提示就消失,这时就要用到onfocus()了:

                    在上面的input中加上onfocus():

                    html:   <input id="inputId" onblur="checkNull"/><span id="checkInfo"></span>

                    js     :    function checkNull(){

                                      var inputVal = $("#inputId").val();

                                       if(inputVal==""){

                                             $("#checkInfo").text("输入的值不能为空!");

                                        }                      

                                }


  

© 著作权归作者所有

共有 人打赏支持
不打伞的小鱼
粉丝 69
博文 42
码字总数 24218
作品 0
深圳
程序员
私信 提问
html中submit和button的区别(总结)

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取...

临江仙卜算子
2018/06/22
0
0
input type="button" 和button区别

来源: https://www.jianshu.com/p/687aabeedae5 在一个页面上画一个按钮,有四种办法: 1、 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。 2、 这样的按钮用户点击之...

codingcoge
2018/05/16
0
0
回车自动提交 禁止回车自动提交 web开发 .

在开发过程中有时候需要回车自动提交,有时候有不不需要回车自动提交。很多人都喜欢用JS控制,但是用jS控制并不稳定 其实浏览器已经帮我们做好了这一补。。在网上找到了解答,如下。 今天遇到...

长平狐
2012/06/08
277
0
Chrome浏览器-光标在Form内的input空间内按回车提交的问题。

在IE和Firefox等浏览器下,如果Form内的提交按钮的type是button,在按回车的时候不会自动提交。 但是Chrome下则无论按钮的type是button还是submit,只要按回车,form直接提交。 这给我们做j...

jing31
2010/08/25
0
0
jQuery验证框架(七)注意事项 (jQuery validation)

jQuery验证框架 七、注意事项 [1]复杂的name属性值 当使用rules选项时,如果表单的name属性值包含有非法的javascript标识符,必须将name值加上引号。 Js代码 $("#myform").validate({ rules:...

打杂
2010/11/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS5.11配置Let's Encrypt免费证书

安装环境: [root@WQ02 opt]# lsb_release -aLSB Version::core-4.0-amd64:core-4.0-ia32:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-ia32:graphics-4.0-noarch:printing-4.0-amd6......

m_lm
10分钟前
0
0
看看Canonical分享的2018年的十大Linux Snap

导读 Linux在2018年最令人耳目一新的一个方面是Snaps的普及。 Canonical透露,集装箱化的包装已经取得了巨大的成功。今天,Ubuntu制造商分享了2018年的十大Snap。 随着2018年即将结束,我发现...

问题终结者
23分钟前
1
0
天啦噜!在家和爱豆玩"剪刀石头布",阿里工程师如何办到?

阿里妹导读:如今,90、00后一代成为消费主力,补贴、打折、优惠等“价格战”已很难建立起忠诚度,如何与年轻人建立更深层次的情感共鸣?互动就是一种很好的方式,它能让用户更深度的参与品牌...

阿里云官方博客
50分钟前
1
0
聊聊flink的Table API及SQL Programs

序 本文主要研究一下flink的Table API及SQL Programs 实例 // for batch programs use ExecutionEnvironment instead of StreamExecutionEnvironmentStreamExecutionEnvironment env = Stre......

go4it
59分钟前
2
0
mysqldump应用

备份单个库/表数据或库/表结构 命令行下具体用法如下: mysqldump -u用戶名 -p密码 -d 数据库名 表名 > 备份文件名 1、导出数据库为dbname的表结构(其中用戶名為root,密码为dbpasswd,生成的...

阿dai
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部