Q&A
参考サイトはマークダウンのリンク機能で提示してください。
※コードブロック内では他のマークダウンが無効化されますので外にだしてくださいね
前提
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件
0
ベストアンサー
¥ (U+00A5) ではなく、\ (U+005C) ですね。
環境によっては字形の違いがわからないかもしれません。
参考にしたのがプレゼン用資料なので、まさかコピペされるとは思わず似た文字を使ってしまったのでしょう。
JavaScript
1 //value = value.replace(/¥n/g, "++"); 2 value = value.replace(/\n/g, "++");
なお、提示コードでは jQuery Validation Plugin 本体(jquery.validate.min.js)が読み込まれていないため、エラーになります。
投稿2019/03/13 05:51
総合スコア13749
0
投稿2019/03/12 02:29
総合スコア80850
あなたの回答
tips
プレビュー
