Question

我正在使用以下代码

<div class="row">
    <div class="form-group col-lg-6">
        <label class="col-lg-3 control-label">Package Name</label>
        <div class="col-lg-9">
            <input type="text" class="form-control" name="packagename" placeholder="Enter package name" />
        </div>
    </div>
</div>

我正在使用jQuery代码验证此文本框

  $('#frmAddPackage')
        .formValidation({
            framework: 'bootstrap',
            icon: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                'packagename': {
                    validators: {
                        notEmpty: {
                            message: 'The field required and cannot be empty'
                        },
                        stringLength: {
                            max: 45,
                            message: 'Package Name consists Maximum of 45 character length'
                        },
                    }
                }

在用户界面中，当我按tab按钮时，此文本框会进行验证。

如何删除选项卡按钮上的验证消息？

我在IE浏览器中收到此错误。

Answer 1

Bydefault，所有验证插件通过鼠标单击或键盘选项卡验证focused输入，并在元素（输入）为空时选择元素焦点更改时触发验证错误。

您需要停用默认live的{{1}}验证功能，以便在焦点从一个元素更改为另一个元素时输入不会得到验证。

你有两个选择

enabled

JS

live:'submitted', //<-- only validate when form submitted
live:'disabled', //<-- Disable the live validation

Fiddle Example Checked in IE

更新如果输入包含$(document).ready(function() { $('#frmAddPackage') .formValidation({ framework: 'bootstrap', live:'submitted', icon: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: { 'packagename': { validators: { notEmpty: { message: 'The field required and cannot be empty' }, stringLength: { max: 45, message: 'Package Name consists Maximum of 45 character length' }, } } } }); });，您在IE中遇到formValidation的已知错误，请删除placeholder或禁用placeholder验证

Reference Link

选项卡按钮上的表单验证激活单击jquery

1 个答案: