0

我有 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');
    });

4

1 回答 1

0

将“表单”标签添加到您的 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>
于 2017-10-24T11:54:52.747 回答