侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130557 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

js中submit提交form和button提交form

2023-12-14 星期四 / 0 评论 / 0 点赞 / 14 阅读 / 5126 字

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

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

                                        }                      

                                }


  

广告 广告

评论区