前提・実現したいこと
BootstrapValidatorでCLASS指定でバリデーションを効かせたいです。
NAME指定ではできるものの、CLASS指定でできません。validatorの標準のemailのバリデーションが適用されてしまいます。
他のフォームも同様標準のバリーデーションが適用されてしまいます。
ご経験ある方どうかご教授ください。。
該当のソースコード
view
1 .form-group 2 = f.label :email, class: 'col-xs-6 col-sm-3 control-label required' 3 .col-sm-6= f.email_field :email, class: 'form-control validemail', required: true
bootstrapvalidator
1$(function() { 2 $('#edit_form').bootstrapValidator({ 3 live: 'enabled', 4 lang: 'ja', 5 fields: { 6 // ここに入力項目単位でバリデーションを定義する 7 validemail: { 8 selector: ".validemail", 9 validators: { 10 notEmpty: { message: 'メールアドレスは必須です'}, 11 regexp: { message: '例)example@example.com', regexp: /^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]{1,}.[A-Za-z0-9]{1,}$/} 12 } 13 } 14 } 15 }); 16 $('#button-confirm').click(function() { 17 $('#edit_form').bootstrapValidator('validate'); 18 }); 19});
参考したサイト
https://github.com/nghuuphuoc/bootstrapvalidator/blob/master/demo/selector.html
https://stackoverflow.com/questions/26883838/how-to-use-id-or-class-instead-of-using-name-in-bootstrap-validator
補足情報(FW/ツールのバージョンなど)
ruby on rails
bootstrap
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。