BootstrapValidator条件验证

时间:2014-05-18 19:58:47

标签: javascript jquery twitter-bootstrap

我正在使用BootstrapValidator并且我有一些文本字段和一个带有2个选项的单选按钮,我需要仅在选择了radiobutton选项2时验证文本字段,我该如何获取它?

这是表格:

<form action="/it/Account/SignUp" class="form-horizontal" id="signup_form" method="post" role="form">
<label>Name</label>
<input type="text" name="name" class="form-control" id="name">
<label>Company</label>
<input type="text" name="company" class="form-control" id="company">
<input type="radio" name="usertype" value="0"><label>Private</label>
<input type="radio" name="usertype" value="1"><label>Company</label>

</form>

这是BootstrapValidator的JavaScript:

$('#signup_form').bootstrapValidator({
    message: 'This value is not valid',
    live: 'disabled',
    feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
        name: {
            validators: {
                notEmpty: {
                    message: 'required'
                },
            }                
        },
        company: {
            validators: {
                notEmpty: {
                    message: 'required'
                },
            }                
        },
    }
}

我只需要在'usertype'的无线电值等于1时验证“公司”字段

1 个答案:

答案 0 :(得分:3)

您应该查看callback验证选项

http://bootstrapvalidator.com/validators/callback/

你可以创建一个自定义函数进行验证,返回一个true或false的布尔值,你应该对fieldValue进行检查,具体取决于是否选中了单选按钮