zoukankan      html  css  js  c++  java
  • onsubmit对表单的拦截

    今天遇到一个问题:在对同name 的input 表单时 判断其值是否有效

    用了each判断

    当初错误的做法:

        function check_goods()
        {
            var regs = /^d+$/;
            $("form[name='event'] input.goods_id").each(function(){
                if($(this).val() == '' || !regs.test($(this).val()))
                {
                    alert('请输入必要商品信息:id值和商品件数');
                    return false;
                }
            })
        }

    错误点是:这里在循环中return false 但是表单却还是提交了;
    为什么没有阻止!!
    后来:宏鸿看过之后改了一个点。

        function checkGoods(){
            var regs = /^d+$/;
            var flag = true;
            $("form[name='event'] input.goods_id").each(function(){
                if($(this).val() == '' || !regs.test($(this)).val())
                {
                    alert('请输入必要商品信息:id值和商品件数');
                    flag = false;
                    return;
                }
            })
            return flag;
        }
    

    完整知识:

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <script language="javascript">
    //--->
    function checksubmit()
    {
      if (document.form1.myname.value=="")
            {
               alert("请输入开始数值!");
               document.form1.myname.focus();
               return false;
            } 
              return true;  
    }
    //--->
    </script>
    
    <form name="form1" method="post" action="#" onsubmit="return checksubmit()">
      <label>
      <input name="myname" type="text" id="id">
      </label>
      <p>
        <label>
        <input type="submit" name="Submit" value="提交">
        </label>
      </p>
    

      

    代码很简单。

    注意以下几点:

    1,在js中,是获得input的name,而不是id,往往这里的name和id一样。

    2,onsubmit="return checksubmit()" 这里的return不能省掉。

    3,checksubmit()函数里面的return true;可以省去,因为默认是返回true;

    参考:

    http://www.cnblogs.com/wangkongming/archive/2012/12/13/2816390.html

  • 相关阅读:
    get post 小结
    ddt 实例
    通俗大白话来理解TCP协议的三次握手和四次断开
    find xss
    use . adb . get wifi
    http bass
    mac 配置homebrew
    id 与 void * 转换
    Maven
    percent-encode 百分号编码
  • 原文地址:https://www.cnblogs.com/logon/p/3165132.html
Copyright © 2011-2022 走看看