テキストボックス数値が既に他のテキストボックスに挿入されています。重複を避けるために

Question

私は12テックスボックスを持っています。私は最初のテキストボックスに1を入力すると1から10の数字しか入力できませんその番号を2番目のテキストボックスや他のテキストボックスに入力することはできません。また、2または3または4または5または10を他のテキストボックスに入力すると、残りのテキストボックスにすでに挿入されているため、他の残りのテキストボックスに転送すると、1〜10の数値が重複なしで12のテクスチャボックスの10個のテクスチャボックスで占有され、数字1〜10が占有されているので他の2つのテキストボックスに入力できません。 ....私はAsp.netを使用しています。要件については、vb.netコード..

<div class="container"> 
     <p>d. Suppose that there is 12 fields of question Please rank only them from 1 - 10 .</p> 
    <div class="alert alert-success"> 
    <div class="row"> 
    <div class="col-sm-8" > 
    <table> 
     <tr> 
      <td> 

       <asp:RangeValidator ID="RangeValidator1" CssClass="Validators" Display="Dynamic" 
    MinimumValue="1" MaximumValue="10" Type="Integer" ControlToValidate="Textbox37" 
    runat="server" ErrorMessage="Input digits 1 to 10" ForeColor="Red"></asp:RangeValidator> 
      </td> 
     </tr> 
    <tr> 
    <td> 
    <asp:Textbox ID="Textbox1" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" />  
    <asp:Label ID="Label2" runat="server" CssClass="control-label" Text="I love the place" /> 

    </td> 
    </tr> 
    <tr> 
    <td> 
    <asp:Textbox ID="Textbox2" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" /> 
    <asp:Label ID="Label2" runat="server" CssClass="control-label" Text="the business location is great"/> 
    </td> 
    </tr> 
    <tr> 
    <td> 
    <asp:Textbox ID="Textbox3" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" /> 
    <asp:Label ID="Label3" runat="server" CssClass="control-label" Text="Im gettin out of time"/> 
    </td> 
    </tr> 

    <tr> 
    <td> 
    <asp:Textbox ID="Textbox4" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" /> 
    <asp:Label ID="Label4" runat="server" CssClass="control-label" Text="My life is consumed." /> 
    </td> 
    </tr> 

     <tr> 
    <td> 
    <asp:Textbox ID="Textbox5" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" /> 
    <asp:Label ID="Label5" runat="server" CssClass="control-label" Text="the work place is unstable" /> 
    </td> 
    </tr> 

    <tr> 
    <td> 
    <asp:Textbox ID="Textbox6" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" /> 
    <asp:Label ID="Label6" runat="server" CssClass="control-label" Text="Opportunity to work is great" /> 
    </td> 
    </tr> 

     <tr> 
    <td> 
    <asp:Textbox ID="Textbox7" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" /> 
    <asp:Label ID="Label7" runat="server" CssClass="control-label" Text="I love the salary" /> 

    </td> 
    </tr> 
    <tr> 
    <td> 
    <asp:Textbox ID="Textbox8" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" /> 
    <asp:Label ID="Label8" runat="server" CssClass="control-label" Text="My superior is not ok"/> 
    </td> 
    </tr> 
    <tr> 
    <td> 
    <asp:Textbox ID="Textbox9" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" /> 
    <asp:Label ID="Label9" runat="server" CssClass="control-label" Text="I had so many vacant time"/> 
    </td> 
    </tr> 

    <tr> 
    <td> 
    <asp:Textbox ID="Textbox10" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" /> 
    <asp:Label ID="Label10" runat="server" CssClass="control-label" Text="I don't like to waste time in idle hours" /> 
    </td> 
    </tr> 

     <tr> 
    <td> 
    <asp:Textbox ID="Textbox11" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" /> 
    <asp:Label ID="Label11" runat="server" CssClass="control-label" Text="These is the place you want to be" /> 
    </td> 
    </tr> 

     <tr> 
    <td> 
    <asp:Textbox ID="Textbox12" runat="server" style="text-align:center" onkeypress="return IsNumeric8(event);" ondrop="return false;" onpaste="return false;" Height="20px" MaxLength="2" Width="22px" /> 
    <asp:Label ID="Label12" runat="server" CssClass="control-label" Text="I'm having a hard time on these!" /> 
    </td> 
    </tr> 

    </table> 
     </div> 
     </div> 
     </div> 
     </div> 

は.....誰かがちょうど読んでもらうために、私は私の人生は他の事をしないで消費されて答えを見つけることができない私は一週間のためにこれらをやっている私を助けることができますこれは私を助けてください....

Answer 1

ここで動作する解決策は、私はそれをテストしました。

ステップ1：、（単にテキストボックスにタグを付けるダミーCSSクラスすることができます）、すべてのテキストボックスにCSSクラスを追加

<asp:Textbox ID="Textbox1" runat="server" style="text-align:center" Height="20px" MaxLength="2" Width="22px" CssClass="txtclass" />  
<asp:Textbox ID="Textbox2" runat="server" style="text-align:center" Height="20px" MaxLength="2" Width="22px" CssClass="txtclass" /> 

はJavaScript

$(".txtclass").blur(function() { 
    isDuplicateValue(); // You can call this function on a button click 
    textboxesToggle(); 
}) 


function textboxesToggle() { 
       var boxesWithValue = $('.txtclass').filter(function() { return this.value != '' }); 
       if (boxesWithValue.length == 10) { 
        var emptyboxes = $('.txtclass').filter(function() { return this.value == '' }); 
        $(emptyboxes).attr("disabled", "disabled"); 
       } 
       else { 
        $(".txtclass").removeAttr("disabled"); 
       } 
      } 


function isDuplicateValue() { 
       var arr = []; 
       var i = 0; 
       //store values in array 
       $(".txtclass").each(function() { 
        if ($(this).val() != '') { 
         arr[i++] = $(this).val(); 
        } 
       }) 

       console.log(arr); 
       var sortedArray = arr.sort(); 
       //check for duplicates 
       var duplicates = []; 
       for (var i = 0; i < sortedArray.length - 1; i++) { 
        if (sortedArray[i + 1] == sortedArray[i]) { 
         duplicates.push(sortedArray[i]); 
        } 
       } 

       if (duplicates.length > 0) { 
        var dup = 'duplicates found: '; 
        for (var i = 0; i < duplicates.length; i++) 
         dup += duplicates[i] + ' , '; 
        alert(dup); 
       }      
      }