追加するテキストボックスの数を制限する方法（PHP）

次のコードは、追加する入力ボックスの数を無限にします。私が望むのは、追加するテキストボックスの数を制限することです。それだけであなたは自分のdivにテキストエリアの（.lengthを使用して）数をカウントするjQueryのdescendant selectorを使用することができますアップ追加するテキストボックスの数を制限する方法（PHP）

出典

2016-04-27 kwekwe

カウンタを追加し、値が3未満であることを確認してください – uzaif

<?php 
 
if (isset($_POST['submitted'])){ 
 
    print_r($_POST); 
 
} 
 
?> 
 
<html> 
 
<head> 
 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
    <script type="text/javascript"> 
 
     $(function(){ 
 
      $("#button_add_input").click(function(event){ 
 
       var textArea = "<textarea name='new_quote[]' />"; 
 
       $("#div_quotes").append(textArea); 
 
       $("#div_quotes").append("\n<br />"); 
 
      }); 
 
     }); 
 
    </script> 
 
</head> 
 
<body> 
 
<form method="post"> 
 
<div id="div_quotes"></div> 
 
<input type="button" value="Add Text Area" id="button_add_input"> 
 
</form> 
 
</body> 
 
</html>

3にする必要があります。

<?php if (isset($_POST[ 'submitted'])){ print_r($_POST); } ?> 
 
<html> 
 

 
<head> 
 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
    <script type="text/javascript"> 
 
    $(function() { 
 
     $("#button_add_input").click(function(event) { 
 
     if ($("#div_quotes textarea").length < 3) { 
 
      var textArea = "<textarea name='new_quote[]' />"; 
 
      $("#div_quotes").append(textArea); 
 
      $("#div_quotes").append("\n<br />"); 
 
     } 
 
     }); 
 
    }); 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <form method="post"> 
 
    <div id="div_quotes"></div> 
 
    <input type="button" value="Add Text Area" id="button_add_input"> 
 
    </form> 
 
</body> 
 

 
</html>

出典

2016-04-27 02:33:40

追加するテキストボックスの数を制限する方法（PHP）

答えて

関連する問題