0

そのため、formvalidator.net の jquery 検証を使用していますが、エラー メッセージの移動に問題があります ( http://formvalidator.net/index.html#configuration_positionの方法を参照)。

私はそれに従っていますが、うまくいきません。しばらく修正しようとしていますが、うまくいきません。私のコードは以下です。うまくいけば、以下のように、フォームの上に 2 つのエラーを組み合わせたエラー ボックスが表示されます。このような

私は信じられないほど愚かなことをしているかもしれませんが、行き詰まっています。注: スニペットを使用してみましたが、機能しません。

$.validate({
  validateOnBlur: false, // disable validation when input looses focus
  errorMessagePosition: 'top' // Instead of 'element' which is default
  scrollToTopOnError: false // Set this property to true if you have a long form
});
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://raw.githubusercontent.com/victorjonsson/jQuery-Form-Validator/master/form-validator/theme-default.css" rel="stylesheet" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.8/jquery.form-validator.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<form class="form">
  <div class="form-group">
    <input class="form-control" type="text" data-validation="required">
  </div>

  <div class="form-group">
    <textarea class="form-control" rows="2" data-validation="required"></textarea>
  </div>

  <div class="form-group">
    <button id="submit" type="submit" class="btn btn-primary btn-lg btn-block">Submit</button>
  </div>
</form>

4

1 に答える 1