使用uniForm並嘗試禁用輸入

Question

我有一個表單，我有兩個不同的表單域，這些表單域的使用取決於選擇框的值。我遇到的問題是當我嘗試禁用不相關的輸入字段時，我禁用的屬性顯示爲：disabled =「」而不是disabled =「disabled」這裏是我正在使用的代碼。這是一個相當複雜的形式，所以我會使用相關的字段，所以我可以儘量保持儘可能簡單。如果您認爲缺少某些東西......請告訴我您是否需要了解更多信息。

<cfform id="entry-form" ACTION="index-10.cfm?Company" name="send" class="uniForm"> 
     <div class="ctrlHolder"><label for="" style="display:none"><em>*</em>Builder or Individual</label>       
         <cfselect name="select1" id="select1">     
          <option value="" <cfif Individual is "">selected="selected"</cfif>>Who is this Case for? (choose one)</option>     
          <option value="0"<cfif Individual is 1>selected="selected"</cfif>>An Individual Home Owner</option>     
          <option value="1"<cfif Individual is not 1 and Individual is not "">selected="selected"</cfif>>A Builder</option>    
         </cfselect> 
        <p class="formHint">A selection is required</p>   
    </div> 

    <!--- this is for individual home owner. --->   
       <div class="hide" id="hide1"> 

        <div class="ctrlHolder"><label for="" style="display:none"><em>*</em>First name</label> 
        <cfinput type="text"    
           name="FirstName" 
           id="FirstName" 
           data-default-value="Enter your first name" 
           size="35" 
           class="textInput required validateAlpha" 
           maxlength="50" 
           value="#FirstName#"> 
        <p class="formHint">First Name is required</p> 
        </div> 
       </div> 

       <div class="hide" id="hide2"> 

       <div class="ctrlHolder"><label for="" style="display:none"><em>*</em>Builder Name</label> 
        <cfinput type="text" id="builder" 
           name="BuilderName" 
           data-default-value="Type a builder's name" 
           size="35" 
           class="textInput required" 
           value="" /> 
         <p class="formHint">Builder's name is required</p> 
         <cfinput id="builder_hidden" name="BuilderID" type="hidden" value="" /> 
         <cfinput id="builder_hidden_plan" name="PlanID" type="hidden" value="" /> 
        </div> 
       </div> 
</cfform> 

    <script> 

    $(document).ready(function(){  
     $("#select1").change(function(){   
      if ($(this).val() == "1") {    
       $("#hide2").slideDown("fast"); //Slide Down Effect    
       $("#hide1").slideUp("fast"); 
       $("#FirstName").prop("disabled", true); 
         $("#builder").prop("disabled", false); 
    } else if ($(this).val() == "0"){    
       $("#hide1").slideDown("fast"); //Slide Down Effect    
       $("#hide2").slideUp("fast"); 
         $("#FirstName").prop("disabled", false); 
         $("#builder").prop("disabled", true);  
      } 
     }); 
</script> 

我使用：

• jQuery的1.9.1.js
• 的jQuery-UI-1.10.1.custom.js
• 單的形式，validation.jquery.js

Answer 1

我發現了這個問題。正在添加殘疾人財產。這是所要求的班級不讓其工作。我添加了removeClass和addClass方法來解決這個問題。

Answer 2

請更改jQuery的 '道具' 到 'ATTR' &檢查下面的腳本一次正常工作.....

<script type="text/javascript"> 
$(document).ready(function(){  
    $("#select1").change(function(){   
     if ($(this).val() == "1"){    
      $("#hide2").slideDown("fast"); //Slide Down Effect    
      $("#hide1").slideUp("fast"); 
      $("#firstname").attr("disabled", "disabled"); 
      $("#builder").attr("disabled", false); 
     } 
     else if ($(this).val() == "0"){    
      $("#hide1").slideDown("fast"); //Slide Down Effect    
      $("#hide2").slideUp("fast"); 
      $("#firstname").attr("disabled", false); 
      $("#builder").attr("disabled", "disabled");  
     } 
    }); 
});