formvalidation.io检查是否为有效javascript
我有2个输入,单击按钮后,我想检查1个输入是否真的经过验证(这是为了绕过所有验证,只检查1个) 我可以重新验证它,但如果它被验证,我需要一些布尔反馈。 类似于“var isValidStep=fv.isValidContainer($tab);” 谢谢formvalidation.io检查是否为有效javascript,javascript,jquery,html,formvalidation.io,Javascript,Jquery,Html,Formvalidation.io,我有2个输入,单击按钮后,我想检查1个输入是否真的经过验证(这是为了绕过所有验证,只检查1个) 我可以重新验证它,但如果它被验证,我需要一些布尔反馈。 类似于“var isValidStep=fv.isValidContainer($tab);” 谢谢 <div class="col-xs-12 col-md-6 col-lg-4"> <div class="form-group btn-group-bottom">
<div class="col-xs-12 col-md-6 col-lg-4">
<div class="form-group btn-group-bottom">
<label for="fFname" class="child">First Name</label>
<input name="legalFirstName" class="form-control req" id="fFname" autocomplete="off" type="text" />
</div>
</div>
<div class="col-xs-12 col-md-6 col-lg-4">
<div class="form-group btn-group-bottom">
<label for="fLname" class="child">Last Name</label>
<input name="legalLastName" class="form-control req" autocomplete="off" id="fLname" type="text" />
</div>
<button type="button" value="Submit" class="btn btn-success easing-effect btn-padding btn-submit subbutton" name="submit" id="subbutton">Submit</button>
<script>
$('.rootwizard').formValidation({
framework: 'bootstrap',
excluded: ':disabled',
live: 'enabled',
icon: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
// Name Validation
locale: 'en',
fields: {
legalFirstName: {
live: 'enabled',
trigger: 'blur',
validators: {
stringLengthName: {
max: 30,
},
notEmptyName: {},
regexpName: {
regexpName: /^[a-zA-Z][a-z\sA-Z0-9.,$;]*$/,
}
}
},
legalLastName: {
live: 'enabled',
trigger: 'blur',
validators: {
stringLengthName: {
max: 30,
},
notEmptyName: {},
regexpName: {
regexpName: /^[a-zA-Z][a-z\sA-Z0-9.,$;]*$/,
}
}
}
}
});
$('.btn-submit').click(function() {
$('.rootwizard').formValidation('revalidateField', 'legalFirstName');
});
名字
姓
提交
$('.rootwizard').formValidation({
框架:“bootstrap”,
已排除:':已禁用',
live:“已启用”,
图标:{
有效:“glyphicon glyphicon ok”,
无效:“glyphicon glyphicon删除”,
正在验证:“glyphicon glyphicon刷新”
},
//名称验证
地区:'en',
字段:{
legalFirstName:{
live:“已启用”,
触发器:“模糊”,
验证器:{
StringLength名称:{
最高:30,
},
notEmptyName:{},
regexpName:{
regexpName://^[a-zA-Z][a-Z\sA-Z0-9.,$;]*$/,,
}
}
},
legalLastName:{
live:“已启用”,
触发器:“模糊”,
验证器:{
StringLength名称:{
最高:30,
},
notEmptyName:{},
regexpName:{
regexpName://^[a-zA-Z][a-Z\sA-Z0-9.,$;]*$/,,
}
}
}
}
});
$('.btn submit')。单击(函数(){
$('.rootwizard').formValidation('revalidateField','legalFirstName');
});
将“表单”标记添加到html中,并将“类型”按钮更改为“提交”,如下所示:
<form class="rootwizard">
<div class="col-xs-12 col-md-6 col-lg-4">
<div class="form-group btn-group-bottom">
<label for="fFname" class="child">First Name</label>
<input name="legalFirstName" class="form-control req" id="fFname" autocomplete="off" type="text" />
</div>
</div>
<div class="col-xs-12 col-md-6 col-lg-4">
<div class="form-group btn-group-bottom">
<label for="fLname" class="child">Last Name</label>
<input name="legalLastName" class="form-control req" autocomplete="off" id="fLname" type="text" />
</div>
<button type="submit" value="Submit" class="btn btn-success easing-effect btn-padding btn-submit subbutton" name="submit" id="subbutton">Submit</button>
</form>
名字
姓
提交