我使用 bootstrap-acknowledgeinput 来制作那些漂亮的复选标记,并找到 jqBootstrapValidatin,我使用两阶段浏览器验证,bootstrap-acknowledgeinput 确保该字段不为空,jqBootstrapValidatin 处理真正的验证和 REGEX 模式并在表单字段下方添加一个在给出错误的棕色文本中。
但是在 Chrome 中,当我输入我的地址并自动填充所有表单字段时,我的验证似乎不会运行,直到我最后转到每个输入字段并点击 [enter]。还有其他人遇到这个吗?有没有办法在自动完成完成时进行陷阱并转到它填写的那些字段并以编程方式“点击[输入]”有人解决了这个问题吗?
我使用骨干网、requirejs、twitter bootstrap
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'
});