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>

  • 相关阅读:
    spring杂谈
    mysql
    java集合
    java
    mysql数据库面试题
    replace替换
    移动端拨打电话
    react 获取自定义属性、value等值
    react 框架 安装与梳理
    h5在ios端 input/textarea 输入不了
  • 原文地址:https://www.cnblogs.com/exmyth/p/4191926.html
Copyright © 2011-2022 走看看