在本地使用 bootstrapValidator 发送静态数据

Posted

技术标签:

【中文标题】在本地使用 bootstrapValidator 发送静态数据【英文标题】:Sending static data using bootstrapValidator locally 【发布时间】:2019-12-31 17:55:25 【问题描述】:

如何使用远程后端检查给定的用户名是否已被使用。 在不使用数据库或网络服务器的情况下在本地检查和验证

这是最新版本的 bootstrapValidator、jquery、html5、bootstrap。

<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js"></script>
<form id="registrationForm" class="form-horizontal">
    <div class="form-group">
        <label class="col-lg-3 control-label">Username</label>
        <div class="col-lg-5">
            <input type="text" class="form-control" name="username" />
        </div>
    </div>
</form>

而自定义js是

$(document).ready(function() 
    $('#registrationForm').bootstrapValidator(
        fields: 
            username: 
                message: 'The username is not valid',
                validators:                     
                    remote: 
                        message: 'The username is not available',
                        url: 'default.php',
                        data: 
                            type: 'username'
                        
                    
                
            
        
    );
);

后端default.php文件是

<?php
$isAvailable = true;

switch ($_POST['type']) 
    case 'username':
    default:
        $username = $_POST['username'];
        data = 'admin','root';
        $isAvailable = true;
        break;

echo json_encode(array(
    'valid' => $isAvailable,
));

用户名已经存在或不在default.php文件中,错误 不显示。

【问题讨论】:

【参考方案1】:
$(document).ready(function() 
    $('#registrationForm').bootstrapValidator(
        fields: 
            username: 
                message: 'The username is not valid',
                validators:                     
                  callback: 
                    callback: function(value, validator) 
                      var data = "user1";
                      if (value === data) 
                        return 
                          valid: false,
                          message: 'The name is not available'
                        
                                       
                      return true;
                    
                  
                
            
        
    );
);

我没有使用php函数,而是使用了回调函数,它工作正常。

【讨论】:

以上是关于在本地使用 bootstrapValidator 发送静态数据的主要内容,如果未能解决你的问题,请参考以下文章

输入类型文件无法使用 bootstrapvalidator 进行验证

Bootstrapvalidator 在动态输入字段中不起作用

bootstrapValidator使用总结

bootstrapValidator 获得表单验证的返回值

bootstrapValidator表单校验插件使用教程

如何在不从表单中删除数据的情况下重置 BootstrapValidator? [复制]