teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

CHOUSEI

2019/11/28 07:54

投稿

yambejp
yambejp

スコア117967

answer CHANGED
@@ -33,4 +33,27 @@
33
33
  </div>
34
34
 
35
35
  <input type="button" class="sample_btn" value="送信する">
36
+ ```
37
+
38
+ # 改行を2文字
39
+
40
+ ```javascript
41
+ $(function(){
42
+ $('textarea').on('input',function(){
43
+ var val=$(this).val();
44
+ var reg=val.match(/\n/g)||[];
45
+ var len=val.length+reg.length;
46
+ (dom=$(this).nextAll('[data-count]')).text("現在の文字数:"+len+"/最大:"+dom.data('count'));
47
+ var flg=$('[data-count]').filter(function(){
48
+ var count=$(this).data('count');
49
+ var val=$(this).prevAll('textarea').val();
50
+ var reg=val.match(/\n/g)||[];
51
+ var len=val.length+reg.length;
52
+ if(r=v.match(/\n/g)) len+=r.length;
53
+ return count<len;
54
+ }).length>0;
55
+ $('.sample_btn').prop('disabled',flg);
56
+ });
57
+ });
58
+
36
59
  ```