私はこれらの素敵なチェックマークを作るために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'
});