2

ブートストラップ バリデーターを使用して、if else ステートメントに基づいてカスタム バリデーターを追加しようとしていますが、機能していないようです。カスタム検証がどのように機能するかについて混乱しているかもしれませんが、コンソールにログが表示されません...

JS:

    $('#estimate').validator({

        custom: {
            'distance': function() { 
                if( $("#distance-group").hasClass("invalid")){
                    return false;
                    console.log("ERROR")
                }else{
                    return true;
                    console.log("NO ERROR")
                }
            }
        },
        errors: {
            'distance': "Nope"
        }
    })

HTML:

<input class="form-control" type="text" name="address2" id="address2" size="30" placeholder="Your Address" data-distance/>
4

1 に答える 1

3

検証したい入力に data-distance="true" を入れる必要がありました。console.logs は、リターンの後に配置したため、表示されませんでした。

こちらをご覧ください: http://jsbin.com/nuwajejinu/edit?html,js,console,output

$('#estimate').validator({
  custom: {
    'distance': function() { 
      if( $("#distance-group").hasClass("invalid")){
        console.log("ERROR")
        return false;
      }else{
        console.log("NO ERROR")
        return true;
      }
    }
  },
  errors: {
    'distance': "Nope"
  }
})

HTML:

<input type="text" data-distance="true" id="distance-group" class="form-control" required>
于 2015-12-17T21:27:24.113 に答える