textarea pattern regexp about bootstrap-validator HOT 5 CLOSED

No, since I'm piggy-backing off of HTML5 validation, there won't be any official support for textarea regex validation, but you can add a custom function validator that will run your regex like this:
#20 (comment)

In the next release, I'll probably add support into the API for custom validator functions, but this should solve your problem in the mean time.

from bootstrap-validator.

thanks for help. Now regex validation on textarea working like charm

js:

Validator.VALIDATORS.pattern = function ($el) {
        var patternRegExp = $el.data('pattern');
        return $el.val().match(eval(patternRegExp));
    }

html:

<textarea class="form-control" cols="20" data-error="error" data-pattern="/regex_here/g" data-pattern-error="error_text" name="name" placeholder="place_text" required="required" rows="5"></textarea>

from bootstrap-validator.

i'm beginner with bootstrap, need more help on this for textarea validation.

from bootstrap-validator.

@aryac what you can do is to edit the source of the plugin and add the error text for pattern matching:

  Validator.DEFAULTS = {
    delay: 500,
    html: false,
    disable: true,
    custom: {},
    errors: {
      match: 'Does not match',
      minlength: 'Not long enough',
      pattern: 'Illegal characters'
    }
  }

and then add the method (prefer new regExp() in Validator.VALIDATORS:

  Validator.VALIDATORS = {
    'native': function ($el) {
      var el = $el[0]
      return el.checkValidity ? el.checkValidity() : true
    },
    'match': function ($el) {
      var target = $el.data('match')
      return !$el.val() || $el.val() === $(target).val()
    },
    'minlength': function ($el) {
      var minlength = $el.data('minlength')
      return !$el.val() || $el.val().length >= minlength
    },
    'pattern': function ($el) {
      var pattern = $el.data('pattern')
      return !$el.val() || new RegExp(pattern,"g").test($el.val())
    }
  }

Then in you <textarea> add

data-pattern="your regex"

This works but it is not an encouragement to do user input filtering/sanitizing in the frontend.

from bootstrap-validator.

You don't need to edit the source code of the plugin* since custom validators are now supported via the API. Pass the validator and error in as options when you initialize the validator.

$('#myForm').validator({
  custom: {
    pattern: function ($el) {
      var pattern = $el.data('pattern')
      return !$el.val() || new RegExp(pattern,"g").test($el.val())
    }
  },
  errors: {
    pattern: "Illegal characters"
  }
})

*Even before custom validators were fully supported, the preferred way to accomplish what you're suggesting would have been to add the extra validator and error at runtime inside of your own script instead of modifying the source of the plugin directly, since doing so would make future upgrades harder.

$.fn.validator.Constructor.VALIDATORS.pattern = function (e) {...}
$.fn.validator.Constructor.DEFAULTS.errors.pattern = "..."

from bootstrap-validator.