js中submit提交form和button提交form
js中submit提交form和button提交form
不打伞的小鱼 发表于3年前
js中submit提交form和button提交form
  • 发表于 3年前
  • 阅读 11
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 主要应用在表单验证上,用到的一些js方法:onblur 和onfocus(失去光标和获得光标)

  在验证登陆信息时,一般是用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("输入的值不能为空!");

                                        }                      

                                }


  

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 59
博文 42
码字总数 24218
×
不打伞的小鱼
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: