formvalidation.io检查无效的JavaScript

时间:2017-02-18 20:15:50

标签: 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">
            <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');
    });

1 个答案:

答案 0 :(得分:0)

添加&#39;表格&#39;标记为您的HTML并更改类型按钮以“提交”#39;像这样:

<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>