zoukankan      html  css  js  c++  java
  • js return无效,表单自动提交

    问题描述:

    jsp+servlet。

    有个Form表单,主要是让用户输入他们设置的密保问题的,其中有js判断是否为空,如果为空则return,页面弹出提示信息,让用户重新填写,但是现在的问题是弹出提示信息,用户点击确定后,form自动提交,导致页面刷新,之前选择的问题也被重置了,还得重新选择,这主要是return的问题。必须return false才能组织form自动提交。

    <form id="form1" name="form1" action="" method="post">

    请选择问题:
    <select name="select" id="select" class="selectUpdate">
    <option value="您母亲的姓名是?">您母亲的姓名是?</option>
    <option value="您配偶的生日是?">您配偶的生日是?</option>

    </select>

    请输入上面问题的答案:
    <input type="text" id="answer" name="answer" class="inputUpdate" />

    <input type="image" id="loginBtn" name="loginBtn" src="/u8qx/images/next.jpg" />

    </form>

    当点击loginBtn时,执行js脚本,判断答案是否为空

    js:

    function checkForm() {
      var answer = $('#answer').val();
      if(answer=='') {
        alert("请填写答案!");
        return false;//必须为return false,如果直接是return,不行
     }
    }

    $("#loginBtn").click(function(){
         return checkForm();//如果是直接checkForm(),也会导致界面刷新
    });

    如果直接在input中调用,必须这么写:

    <input type="image" id="loginBtn" onClick="return checkForm()" name="loginBtn" src="/u8qx/images/next.jpg" />

    必须有return,当返回为false时,则不提交,不能直接写onClick="checkForm()"

  • 相关阅读:
    centos7grub2 引导win10
    必测的支付漏洞(一)——使用fiddler篡改支付金额
    使用Fiddler进行IOS APP的HTTP抓包
    Fiddler实现手机抓包——小白入门
    信息收集工具recon-ng详细使用教程
    Chrome浏览器扩展开发系列之一:初识Google Chrome扩展
    Dear Project Manager, I Hate You
    敏捷中的沟通与故事点
    项目经理与敏捷开发
    C#中使用反射获取结构体实例
  • 原文地址:https://www.cnblogs.com/ITinfo/p/4428293.html
Copyright © 2011-2022 走看看