前提
jQuery Validation Pluginを使用して、form送信前にバリデーションを実施しているのですが、textarea内に入力された改行(LF:1文字)とサーバーに送信された後の改行(CRLF:2文字)の文字数が異なるため、正常にバリデーションが機能しないことに悩まされています。
実施したいこと
フロントエンド側で、LFを2文字としてカウントしたい
参考サイト
https://www.slideshare.net/jsakamoto/cod2012-jsakamoto-13279704 シート:14
実施したこと
参考サイトを参考に、下のように実装したのですが機能しませんでした。
Chromeの開発コンソールなどでそれらしいエラーもないため、ヒントなどいただきたいです。
HTML
1<!DOCTYPE html> 2<html> 3<head> 4 <script src="http://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> 5 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/additional-methods.js"></script> 6</head> 7<body> 8<form id="form"> 9 <textarea cols="20" rows="2" id="textarea" maxlength="50"></textarea> 10 <span class="count">0</span> 11</form> 12 <script type="text/javascript"> 13 $('#textarea').on('keydown keyup keypress change', function(){ 14 var count = $('#textarea').val().length; 15 $('.count').html(count); 16 }); 17 18 var org = jQuery.validator.prototype.getLength; 19 jQuery.validator.prototype.getLength = function(value, element) { 20 value = value.replace(/¥n/g, "++"); 21 return org.apply(this, [value, element]); 22 }; 23 24 $('#form').validate(); 25 </script> 26</body> 27</html>
回答2件
あなたの回答
tips
プレビュー