2

私はこれらの素敵なチェックマークを作るためにbootstrap-acknowledgeinputを使用し、jqBootstrapValidatinも見つけました.2段階のブラウザ検証を使用しています.bootstrap-acknowledgeinputはフィールドが空白ではないことを確認し、jqBootstrapValidatinは真の検証とREGEXパターンを処理し、フォームフィールドの下にエラーを与える茶色のテキストで。

しかし、Chrome でアドレスを入力すると、すべてのフォーム フィールドが自動的に入力され、最後に各入力フィールドに移動して [Enter] を押すまで、検証が実行されないように見えます。他の誰かがこれに遭遇しますか?オートコンプリートが終了したときにトラップして、入力したフィールドに移動し、プログラムで「hit [enter]」する方法はありますか? 誰かがこの問題を修正しましたか?

バックボーン、requirejs、twitter ブートストラップを使用しています

define([
    'jquery',
    'underscore',
    'backbone',
    'lib/jquery-migrate-1.2.1',
    'models/RegisterModel',
    'text!templates/RegisterTemplate.html',
    'lib/jquery.maskedinput-1.0',
    'lib/bootstrap-acknowledgeinput.min',
    'lib/jqBootstrapValidation'
], function ($, _, Backbone, jQueryMigrate, RegisterModel, RegisterTemplate, MaskedInput, Ack, jqAck) {

    var RegisterView = Backbone.View.extend({

        el: $("#container"),

        events: {
            'click .btn-primary': 'saveClient',
            'blur input#loginname': 'userCheck'
        },

        render: function () {

            //Since our template has dynamic variables in it, we need to compile it
            var compiledTemplate = _.template(RegisterTemplate, this.model);
            this.$el.html(compiledTemplate); 

            this.$('#phone').mask('(999) 999-9999');
            this.$('#phone2').mask('(999) 999-9999');
            this.$('#zip').mask('99999');

            $(function () {
                $("input,select,textarea").not("[type=submit]").jqBootstrapValidation();
            });

            $().acknowledgeinput({
                success_color: '#00FF00',
                danger_color: '#FF0000',
                update_on: 'keyup'
            });
4

0 に答える 0