zoukankan      html  css  js  c++  java
  • onSubmit的使用

    在web开发中,我们经常会遇到,一点回车键表单就自己提交的问题,能不能禁用回车键呢,答案是肯定的. 

    Html代码  
    <from action="" method="post" onSubmit="return false">   
    ...............    
    </from>  


    如果想在表单提交时,进行验证 

    Html代码  
    <html>   
    <head>   
    <script lanuage="javascript">   
      function check()    
    {    
    //验证不通过时    
    return false;    
    }    
    </script>   
    </head>   
    <body>   
    <from action="" method="post" onSubmit="return check()">   
    ...............    
    </from>   
    </body>   
    </html>  

    <html> 
    <head> 
    <script lanuage="javascript"> 
      function check() 

    //验证不通过时 
    return false; 

    </script> 
    </head> 
    <body> 
    <from action="" method="post" onSubmit="return check()"> 
    ............... 
    </from> 
    </body> 
    </html>

    这样就会对表单进行验证再进行提交 

    要注意的是,千万不能写成 

    Html代码  
    <from action="" method="post" onSubmit="check()">   
    ...............    
    </from>  


    因为check()不通过后会返回false, 因为onsubmit属性就像是<form>这个html对象的一个方法名,其值(一字符串)就是其方法体,默认返回true,所以还是相当于验证通过  
    记得对表单验证一定要写成这样 

    Html代码  
    <from action="" method="post" onSubmit="return check()">   
    ...............    
    </from>

  • 相关阅读:
    FreeCAD框架解析
    Python源码的编译与加密
    centos 8及以上安装mysql 8.0
    浮点数运算丢失精度
    使用 Nginx 代理内网 GitLab 并确保 SSH / HTTP 克隆地址正确
    如何实现一个简易版的 Spring
    Spring 是如何造出一个 Bean 的
    从CPU缓存看缓存的套路
    Java 集合类 List 的那些坑
    react 项目中使用antd框架,对导航多层渲染
  • 原文地址:https://www.cnblogs.com/exmyth/p/4191926.html
Copyright © 2011-2022 走看看