2012-09-18 63 views
0

請在閱讀此問題之前檢查this-click here工作演示。 如果用戶向我的父文本框(這是靜態的txtbox)提供任何值,我正在生成3個文本框(在關鍵事件中動態地)。現在我想要做驗證如何驗證動態生成的文本框參考使用jquery的另一個文本框

我有一個文本框(說父文本框),如果用戶輸入任何數字,然後3文本框中動態生成(即身份證,用戶名,金額) 現在我希望對其執行查詢驗證,以便所有輸入的金額值的總和應等於在父文本框中輸入的值。

       <!DOCTYPE html> 
           <html> 
           <head> 
            <style>#multiple{ 
            margin-bottom:10px; 
            border:1px solid #333; 
            background:#efefef; 
            color:#000; 
           } 
           #autoresult input{ 
            margin-left:5px; 
            border:1px solid #333; 
            background:#a4c4f4; 
            margin-top:5px; 
           } 
            </style> 
            <script src="http://code.jquery.com/jquery-latest.js"></script> 
           </head> 
           <body align="center"> 
           <form id="frm"> 
       Please select your friends: <select id="multiple" multiple="multiple" style="width: 120px;height: 120px;"> 
        <option value="1" > 
         Ashutosh 
        </option> 
        <option value="6"> 
         Jems Bond 
        </option> 
        <option value="7"> 
         Danial Crack 
        </option> 
        <option value="8"> 
         Dan Brown 
        </option> 
        <option value="9"> 
         Angilina Jolly 
        </option> 
        </select> 
        <br/> 
        <input type="text" id="amount" name="amount" size="33" id="" placeholder="Enter Total Budget Amount" style="background-color:orange;font-size: 22px;color: blue"/> 

        <!--User will enter the amount in this textbox --> 
        <div id="autoresult"> 
        </div> 
       </form> 

           <script> 
            $(function() { 
        $("#multiple").change(function() { 
         var multipleValues = $("#multiple").val() || ""; 
         var autoresult = ""; 
         if (multipleValues != "") { 
          var aVal = multipleValues.toString().split(","); 
          var count = $("#multiple :selected").length; 
          $.each(aVal, function(i, value) { 
           autoresult += "<div>"; 
           autoresult += "<input type='text' readonly='true' name='opval" + (parseInt(i) + 1) + "' value='" + value.trim() + "'>"; 
           autoresult += "<input type='text' readonly='true' name='optext" + (parseInt(i) + 1) + "' value='" + $("#multiple").find("option[value=" + value + "]").text().trim() + "'>"; 
           autoresult += "<input type='text' name='option" + (parseInt(i) + 1) + "' value='' ' placeholder='Enter my amount' size='120'> <p>Want a validation for this textbox</p> <font color='red'>Error SUM of all dynamic generated textbox values exceeds the total budget amount <font>" 

           ; //autoresult should display in this textbox .i.e (autoresult= amount/count) 
           autoresult += "</div>"; 
          }); 
         } 
         //Set autoresult 
         $("#autoresult").html(autoresult); 

        }); 

        $("#amount").keyup(function() { 
         var multipleValues = $("#multiple").val() || ""; 
         var amount = $("#amount").val(); 
         var aVal = multipleValues.toString().split(","); 
         var count = $("#multiple :selected").length; 
         if (multipleValues != "") 
         { 
           $.each(aVal, function(i, value) { 
           var price = amount/count; 
           $("input[name=option" + (parseInt(i) + 1) + "]").val(price); 
          }); 
         } 

        }); 
         $("#amount").keydown(function() { 
         var multipleValues = $("#multiple").val() || ""; 
         var amount = $("#amount").val(); 
         var aVal = multipleValues.toString().split(","); 
         var count = $("#multiple :selected").length; 
         if (multipleValues != "") 
         { 
           $.each(aVal, function(i, value) 
          { 
           var price = amount/count; 
           $("input[name=option" + (parseInt(i) + 1) + "]").val(price); 
          }); 
         } 

        }); 



       }); 
           </script> 
           </body> 
           </html> 
+1

應該在哪裏驗證解僱? – gaurang171

+0

sir near textbox。(金額) –

+0

您詢問了關於該靜態文本框**(toal_price)**輸入所有動態文本框值後驗證的密鑰... –

回答