zoukankan      html  css  js  c++  java
  • button submit你以为你阻止了默认事件?

    前言

    先解决掉一个误区:
    很多人写button的时候,就这样写:

    <button><botton>
    

    你认为就是默认的submit的时候,这时候就可能出问题了。
    当然之所以你没有遇到这个问题,一般可能性是因为你使用了框架。
    在Internet Explorer中默认就是botton,其他的浏览器是submit。

    正文

    在submit的时候你可能会遇到如检查一些事情,比如说是否一些数值符合你的预期。
    我们可能会这样:

    <form>
    <input type="text" value="">
    <button type="submit" onclick="return validate();"  >
     提交
    </button>  
    </form>
    <script>
    function validate(e)
    {
      return false;
    }
    </script>
    

    这样是可以阻止默认事件的。
    但是我们可能忽略了一个问题,那就是万一我们中间出错了怎么办?

    <form>
    <input type="text" value="">
    <button type="submit" onclick="return validate();"  >
     提交
    </button>  
    </form>
    <script>
    function validate(e)
    {
    dasdsad
      return false;
    }
    </script>
    

    这时候已经会提交,所以一般如果这样写的话,会加一个try catch。

  • 相关阅读:
    django LDAP
    Python egg
    皮皮书屋
    Linux运维
    bash shell 快捷键汇总
    linux ldconfig
    Linux set env export declare unset
    OpenStack
    【LeetCode】258. Add Digits
    一个"Median Maintenance"问题
  • 原文地址:https://www.cnblogs.com/aoximin/p/12448874.html
Copyright © 2011-2022 走看看