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()"

  • 相关阅读:
    docker 实践七:docker-machine
    docker 实践六:dockerfile 详解
    docker 实践五:端口映射和容器互联
    docker 实践四:数据管理
    利用onerror将页面异常图片替换成随即图
    checkbox绑定v-for的数据
    iphone在jsp显示时间会NAN解决办法
    html5文本超过指定行数隐藏显示省略号
    使用vue做移动端瀑布流分页
    java导入Excel表格数据
  • 原文地址:https://www.cnblogs.com/ITinfo/p/4428293.html
Copyright © 2011-2022 走看看