onsubmit阻止表单提交

王伟廷发布于2019-08-20 10:44 / 2913人阅读

摘要：在实际开发中往往会遇到检查表单数据的合法性，如果数据不合法，就不让其提交。注意以下几点其中，将换成一个检验输入是否合法的函数，该函数返回或，则可以在函数返回的时候阻止表单提交。

在实际开发中往往会遇到检查表单数据的合法性，如果数据不合法，就不让其提交。




     
    Bootstrap 实例 - 提交表单验证
      
    
    










    
        
            
                
                     Email
                    
                        
                    
                
                
                     Password
                    
                        
                    
                
                
                    
                        
                             Remember me

代码很简单。

注意以下几点：

其中，将false换成一个检验输入是否合法的函数，该函数返回false或true，则可以在函数返回false的时候阻止表单提交。

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

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

一个简单的测试页面：




    
    获取用户Token
    
    
    


获取TOKEN



    
        用户ID
        
    

    


 0)
{
    $sql = "select * from user_tbl where user_id = {$user_id} limit 0,10";
    $ret =  db_query($sql);

    if(empty($ret))
    {
        dump("没有该用户的设备Token记录！");
    }else
    {
        dump($ret);
    }

}

?>

专线服务私有云阻止按钮提交 php阻止非法提交提交表单表单提交

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/80299.html

【全栈React】第10天: 交互性

摘要：我们可以使用函数构造函数将我们的组件转换为状态什么是函数构造函数在中，函数是一个在创建对象时运行的函数。我们将使用构造函数方法在对象创建时正确运行对象时设置实例变量。每当一个有一个属性被设置时，它会在该字段改变的每个时间调用函数。本文转载自：众成翻译译者：iOSDevLog链接：http://www.zcfy.cc/article/3823原文：https://www.fullsta...

马永翠 2019-08-20 18:33 评论0 收藏0
FORM中使用onSubmit="return false"防止表单自动提交，以

摘要：在页面中有多个的文本输入框的情况下没有问题，但是当页面中有只有一个文本框的情况下，就会出现此问题后来在中添加问题终于解决。下边对防止表单自动提交，以及和提交表单进行了些总结，希望对大家有些用如果有不当的地方请指出。在页面中有多个input type=text的文本输入框的情况下没有问题，但是当页面中有只有一个文本框的情况下()，就会出现此问题. 后来在form 中添加：onsubmit=r...

番茄西红柿 2019-04-23 13:26 评论0 收藏0
JavaScript 表单脚本——“表单的基础知识”的注意要点

摘要：处理表格和提交等等重置表单重置表单应该使用或当用户单击重置按钮重置表单时，会触发事件，可以在必要的时候取消重置操作另外也可以通过脚本调用方法重置表单，在调用方法重置表单时会触发事件。在中，表单中新增加了属性，自动把焦点移动到相应字段。 HTMLFormElement继承了HTMLElement，它自己独有的属性和方法有： acceptCharset:服务器能够处理的字符集，等价于HT...

chnmagnus 2019-08-19 17:26 评论0 收藏0
表单脚本

摘要：文本框脚本有两种方式表现文本框的单行文本框和的多行文本框。对于单行文本框，通过特性可以指定文本框能够显示的字符数，通过特性访问其内容，而则用于指定其可以接受的最大字符数。 title: 表单脚本 date: 2016-12-19 15:17 tags: JavaScript 0x00 表单基础在 HTML 中，表单由元素来表示，但是在 JavaScript 中，表单对应...

stormgens 2019-08-21 11:19 评论0 收藏0