Javascript bootstrapValidator验证多个输入是否为一个不工作
在我的登录视图上。我正在使用引导验证程序。对于php方面,我使用codeigniter MVC框架3.0.3 我必须输入名为用户名和密码的字段和一个名为用户信息的隐藏输入字段 使用bootstrap validator,我要做的是将多个输入字段作为一个字段进行验证 但请继续在下面获取Firebug错误 形象 这是我的登录表Javascript bootstrapValidator验证多个输入是否为一个不工作,javascript,jquery,twitter-bootstrap,codeigniter,bootstrapvalidator,Javascript,Jquery,Twitter Bootstrap,Codeigniter,Bootstrapvalidator,在我的登录视图上。我正在使用引导验证程序。对于php方面,我使用codeigniter MVC框架3.0.3 我必须输入名为用户名和密码的字段和一个名为用户信息的隐藏输入字段 使用bootstrap validator,我要做的是将多个输入字段作为一个字段进行验证 但请继续在下面获取Firebug错误 形象 这是我的登录表 <?php echo $header;?> <?php echo form_open_multipart('admin/common/login', ar
<?php echo $header;?>
<?php echo form_open_multipart('admin/common/login', array('id' => 'login-form','role' => 'form'));?>
<div class="row" id="login-panel">
<div class="col-lg-offset-3 col-lg-6 col-md-offset-3 col-md-6 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<h1 class="panel-title"><?php echo $heading_title;?></h1>
</div>
<div class="panel-body">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon" id="basic-addon1"><i class="fa fa-user"></i></span>
<input type="text" name="username" class="form-control" value="" placeholder="Username">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon" id="basic-addon2"><i class="fa fa-lock"></i></span>
<input type="password" name="password" class="form-control" value="" placeholder="Password">
</div>
</div>
<input type="hidden" name="user_info" />
</div><!-- . panel-body -->
<div class="panel-footer">
<div class="text-right">
<button type="submit" class="btn btn-primary">Login</button>
</div>
</div><!-- . panel-footer -->
</div><!-- . panel panel-default -->
</div>
</div><!-- # login-panel -->
<?php echo form_close();?>
<script type="text/javascript">
$(document).ready(function() {
$('#login-form')
.bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
user_info: {
excluded: false,
validators: {
notEmpty: {
message: 'Please fill out each field'
}
}
}
}
})
.on('keyup', 'input[name="username"], input[name="password"]', function(e) {
var y = $('#login-form').find('[name="username"]').val(),
m = $('#login-form').find('[name="password"]').val(),
// Set the user_info field value
$('#login-form').find('[name="user_info"]').val(y === '' || m === '' ? '' : [y, m].join('.'));
// Revalidate it
$('#login-form').bootstrapValidator('revalidateField', 'user_info');
});
});
</script>
<?php echo $footer;?>
登录
$(文档).ready(函数(){
$(“#登录表单”)
.bootstrapValidator({
反馈图标:{
有效:“glyphicon glyphicon ok”,
无效:“glyphicon glyphicon删除”,
正在验证:“glyphicon glyphicon刷新”
},
字段:{
用户信息:{
不包括:错误,
验证器:{
注意:{
信息:“请填写每个字段”
}
}
}
}
})
.on('keyup','input[name=“username”],input[name=“password”]”,函数(e){
var y=$(“#登录表单”).find(“[name=“username”]”)。val(),
m=$(“#登录表单”).find(“[name=“password”]”).val(),
//设置用户信息字段值
$(“#登录表单”).find(“[name=”user_info“]).val(y==”| | m==”[y,m]。join(');
//重新验证它
$(“#登录表单”).bootstrapValidator('revalidateField','user#info');
});
});
问题:如何使引导验证程序正确地将多个输入字段验证为一个
保持一个
代码>而不是,
此处:
m = $('#login-form').find('[name="password"]').val(),
脚本:
$(document).ready(function() {
$('#login-form')
.bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
user_info: {
excluded: false,
validators: {
notEmpty: {
message: 'Please fill out each field'
}
}
}
}
})
.on('keyup', 'input[name="username"], input[name="password"]', function(e) {
var y = $('#login-form').find('[name="username"]').val(),
m = $('#login-form').find('[name="password"]').val(); //<= keep ; here
// Set the user_info field value
$('#login-form').find('[name="user_info"]').val(y === '' || m === '' ? '' : [y, m].join('.'));
// Revalidate it
$('#login-form').bootstrapValidator('revalidateField', 'user_info');
});
});
$(文档).ready(函数(){
$(“#登录表单”)
.bootstrapValidator({
反馈图标:{
有效:“glyphicon glyphicon ok”,
无效:“glyphicon glyphicon删除”,
正在验证:“glyphicon glyphicon刷新”
},
字段:{
用户信息:{
不包括:错误,
验证器:{
注意:{
信息:“请填写每个字段”
}
}
}
}
})
.on('keyup','input[name=“username”],input[name=“password”]”,函数(e){
var y=$(“#登录表单”).find(“[name=“username”]”)。val(),
m=$(“#登录表单”).find(“[name=”password“]”).val();/这是我在他们中得到的内容。它使用了添加隐藏字段并将数据合并到隐藏字段中的概念。然后我们可以像常规字段一样验证新的隐藏字段
希望这有帮助