文档章节

js中submit提交form和button提交form

不打伞的小鱼
 不打伞的小鱼
发布于 2015/03/26 12:23
字数 399
阅读 27
收藏 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("输入的值不能为空!");

                                        }                      

                                }


  

© 著作权归作者所有

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

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

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

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

codingcoge
05/16
0
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
jQuery验证框架(八)应用实例 (jQuery validation)

jQuery验证框架 八、应用实例 [1] 验证页面 Html代码 <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <html> <head> <title>jquery验证框架</title> <link rel="s......

打杂
2010/11/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

docker中安装了RabbitMQ后无法访问其Web管理页面

在官网找了"$ docker run -d --hostname my-rabbit --name some-rabbit -p 8080:15672 rabbitmq:3-management"这条安装命令,在docker上安装了RabbitMQ,,结果输入http://localhost:8080并不......

钟然千落
37分钟前
0
0
spring-cloud | 分布式session共享

写在前面的话 各位小伙伴,你们有福了,这一节不仅教大家怎么实现分布式session的问题,还用kotlin开发,喜欢kotlin的小伙伴是不是很开心! 以前在写Android的时候,就对客户端请求有一定的认...

冯文议
56分钟前
0
0
c语言之内存分配笔记

先看一个数组: short array[5] = {1,2} // 这儿定义的一个int类型的数组,数组第1和第2个元素值是1和2.其余后面默认会给值为0; 或者 short array[] = {1,2};//这儿数组第1和第2个元素,数组...

DannyCoder
今天
4
0
Shell | linux安装包不用选择Y/N的方法

apt-get install -y packageOR echo "y" | sudo apt-get install package

云迹
今天
2
0
Hadoop的大数据生态圈

基于Hadoop的大数据的产品圈 大数据产品的一句话概括 Apache Hadoop: 是Apache开源组织的一个分布式计算开源框架,提供了一个分布式文件系统子项目(HDFS)和支持MapReduce分布式计算的软件架...

zimingforever
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部