zoukankan      html  css  js  c++  java
  • form的onsubmit事件--表单提交前的验证最佳实现方式

    在表单提交前统一进行验证

    form应该有提交前的事件,就是onsubmit。此事件的功能就是在表单提交前自动执行指定的东西。

       需要注意的是,onsubmit=“return check()”中的return是一定要加上的,不然check的返回值哪怕是false,仍然提交。也就是说,onsubmit=“return false”为不执行提交;onsubmit=“return true”或onsubmit=“return ”都执行提交;

    ------------------------------------------

    主页面如下:

    <HTML>

    <HEAD>

    <scripttype="text/JavaScript">

    //form提交前,验证:营销活动最少选择两个
    function check(){
        if(验证条件不通过){
            return false;
        }else{

           return true;//不写此返回值也行,此时就直接提交了

        }
    }
    </script>

    </HEAD>
    <body onload="doOnLoad()">
    <form id="queryForm" onsubmit="returncheck()"action="<%=request.getContextPath()%>/FocReportServlet">

    <jsp:include flush="true"page="../pub.jsp"/>
    <jsp:include flush="true"page="../condition.jsp"/>
    <jsp:include flush="true"page="condition_marketing.jsp"/>
    <jsp:include flush="true"page="contrastChart.jsp"/>

    <jsp:include flush="true"page="../pagectrl.jsp"/>

    ...

    <input type="submit" id="submit"name="submit" style="visibility:hidden"/>

    <HTML>

    -----------------------------------

    include页面中提交方式:

    <imgsrc="<%=request.getContextPath()%>/focReport/images/control_play_blue.png"style="cursor:hand"onclick="sending.style.visibility='visible';submit.click()"alt="点击提交分析">

  • 相关阅读:
    Python 脚本退出
    数组对象从大到小:
    小程序中使用倒计时
    倒计时
    将数字转化为汉字
    turn.js中文API 写一个翻页效果的参数详细解释
    前端数据可视化echarts.js使用指南
    视频及MP3 播放浅析 Jplayer参数详细
    https://blog.csdn.net/cddcj/article/details/52193932
    让一些旧浏览器变牛逼的库 ========兼容性
  • 原文地址:https://www.cnblogs.com/baorantHome/p/7404263.html
Copyright © 2011-2022 走看看