在本地使用 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 进行验证