js中submit提交form和button提交form

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

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

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

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

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

                不能为空:

                html:   <input id="inputId" οnblur="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" οnblur="checkNull"/><span id="checkInfo"></span>

                    js     :    function checkNull(){

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

                                       if(inputVal==""){

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

                                        }                      

                                }


  

转载于:https://my.oschina.net/xiaoyuHe/blog/391989

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值