formvalidation.io檢查無效的javascript

Question

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

Answer 1

在您的html中添加“ form”標簽，然后將類型按鈕更改為“ submit”，如下所示：

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