首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用bootstrapValidator本地发送静态数据

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

Stack Overflow用户
提问于 2019-08-27 14:11:12
回答 1查看 37关注 0票数 1

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

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

代码语言:javascript
复制
<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是

代码语言:javascript
复制
$(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文件是

代码语言:javascript
复制
<?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文件中存在,错误未显示。

EN

回答 1

Stack Overflow用户

发布于 2019-08-28 12:50:27

代码语言:javascript
复制
$(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函数,而是使用了回调函数,它运行得很好。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57676572

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档