2013-04-28 1 views
0

제 양식에 Modx eForm을 사용합니다.추가 이름 = 필요 js (eForm Modx)

내 문제는 다음과 같이 추가해야합니다. 입력란 몇 개가 필요하지만 확인란을 선택 취소해야합니다.

<input type="text" placeholder="Last name" id="deliver_lastname" name="deliver_lastname:required" class="[[!+fi.error.deliver_lastname:notempty=`error`]]" /> 

: 확인란의 선택을 취소 한 후에 설정하는 데 필요한 요구

는이 같은 필드가 있습니다.

일부 필드를 숨기려면 기본적으로 확인란이 있습니다. deliveryaddres은 항상 필요합니다 할 때, 그리고 - 쉽게 만들 수 있습니다

<script type="text/javascript"> 
function SetBilling(checked) { 
    if (checked) {document.getElementById('deliveryaddres').style.display="none";} 
    else {document.getElementById('deliveryaddres').style.display="block";} 
} 
</script> 

답변

0

document.getElementById("deliver_lastname").required = true; 
+0

안녕, 나는 필요한 클래스 만 이름 = 필요가 없다 "blabla을 : 필요" – fourroses

+0

위의 코드는 클래스를 필수로 설정하지 않으며 실제로 HTML5 호환 브라우저에서 필수 필드를 만듭니다. –

1

같은 것을 추가

<p id="shiptobilling" class="form-row"> 
Same as billing address <input type="checkbox" onclick="SetBilling(this.checked);" checked="checked" /> 
</p> 

약간의 스크립트는 그것으로 필드 사업부를 숨기려면 확인란을 선택하면 필드 값이 billingaddres와 동기화됩니다.

필요한 자바 스크립트 :

<script type="text/javascript"> 
    function SetBilling() { 
     var deliveryaddres = document.getElementById('deliveryaddres'); 
     var billingaddres = document.getElementById('billingaddres'); 
     var shiptobilling = document.getElementById('shiptobilling').getElementsByTagName('input')[0]; 
     if (shiptobilling.checked) { 
      deliveryaddres.value = billingaddres.value; 
     } 
    } 
</script> 

필요한 이벤트 "onclick을"과 "onchange를"입력에 :

<input type="checkbox" id="deliveryaddres" onclick="SetBilling();" /> 

<input type="text" id="billingaddres" onchange="SetBilling();" /> 
+0

늦어서 죄송합니다 (퀸즈 데이). 나는 이것이 작동하고 있는지 의심 스럽다. 필요한 것 : 이름 뒤에 필요함 = 여기처럼 : name = "deliver_lastname : required"확인란을 선택하지 않으면 청구 필드가 표시되고 필수 항목입니다! 내 총 코드는 여기에 있습니다. http://pastebin.com/raw.php?i=62Ni9ABJ – fourroses

+0

http://pastebin.com/raw.php?i=26dzK8hE 이 필드에 필수 입력란이 있습니다. 음, 내가 더 코더 였으면 좋겠습니다. 디자이너 가끔 .. – fourroses