标签: formvalidation-plugin

我最近购买并正在使用从引导FormValidation http://formvalidation.io/和使用上的例子http://formvalidation.io/examples/requiring-at-least-one-field/我试图建立我的要求提供电子邮件或电话号码,但我无法让示例正常工作.无论我做什么,我都会在主电子邮件字段下看到一条错误消息"您必须至少输入一种联系方式".

如果完整代码有用,我可以发布,但这里是相关的代码片段.

<div class="form-group">
    <label class="control-label" for="primaryEmail">Primary Email</label>
    <input type="text" class="form-control contactMethod" id="primaryEmail" 
                               name="primaryEmail" value="" placeholder="Enter email">
</div>
<div class="form-group">
    <label class="control-label" for="cPhone">Cell Phone</label>
    <input type="text" class="form-control contactMethod" id="cPhone" name="cPhone" 
            value="" placeholder="Enter cell phone">
</div>

javascript的验证部分

$('#form').formValidation({
            framework: 'bootstrap',
            icon: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {

                cPhone: {
                    validators: {
                        phone: {
                            country: 'country',
                            message: 'The value is not valid %s phone number'
                        }
                    }
                },
                primaryEmail: {
                    validators: …

我正在使用插件表单验证来验证表单.这个插件工作得很棒.
但我在验证动态生成的输入方面面临问题.

下面的代码用于动态生成输入字段

$("#countaccmp").change(function() {
  var selVal = $(this).val();
  $("#textboxDiv").html('');
  if(selVal > 0) {
    for(var i = 1; i<= selVal; i++) {
        $("#textboxDiv").append('<input type="text" name="accmp'+i+'" 
        id="accmp'+i+'" class="form-control " />');
    }
  }       
})

我尝试使用插件进行验证,如下所示:

$('#form').formValidation({
       //--------- Plugin Validator Method -----------//
})
.on('change', '[name="countaccmp"]', function(e) {
        //---- Wrote validation here, It works(only on change) but form is getting submitted 
               even after error ----//
       $('.dynDiv').each(function(){
          var input = $(this).children('input');
          var dynField = 
           ($(this).find("input[name^='accmp']").attr('name'));

            if(input.val() == '' || input.val() == undefined){
                alert("Error"); …

该引导验证插件可以帮助验证表单字段提供了一堆很酷的功能。其中一项功能是反馈图标，默认为 glyphicon。

假设我想用字体 awesome 替换 glyphicon。

的文档说，他们可以通过使“反馈” JSON对象作为数据属性或通过JavaScript来改变。

通过 JavaScript 很容易。但是作为数据属性，不清楚在哪里以及如何添加它，因为简单地添加：

feedback: {
  success: 'fa-check',
  error: 'fa-times'
}

作为数据属性到<form>或<div class="form-group">或<input>本身它不起作用。