2013-04-28 37 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`]]" /> 

:要求取消選中需要的複選框後進行設置。

我有一個複選框默認隱藏一些字段。

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

小腳本來隱藏與領域DIV進去:

<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

嗨,我不需要需要一個類,但名字= 「布拉布拉:需要」 – fourroses 2013-05-01 22:26:31

+0

上面的代碼沒有設置所需的類,它實際上使符合HTML5的瀏覽器所需的字段。 – 2013-05-04 06:39:46

1

可以更容易 - 讓deliveryaddres總是被要求,當複選框被選中只是讓字段的值與billingaddres同步。

所需的JavaScript:

<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> 

所需的事件 「點擊」 和 「平變化」 上輸入:

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

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

我很抱歉延遲(queensday)。我懷疑這是行不通的。 我需要的只是添加這個:需要在名稱後面=這裏: name =「deliver_lastname:required」,所以當複選框沒有被選中時,開票字段顯示並且它們是必需的! 我的總碼在這裏; http://pastebin.com/raw.php?i=62Ni9ABJ – fourroses 2013-05-01 22:25:10

+0

http://pastebin.com/raw.php?i=26dzK8hE 它有必填字段,嗯,我希望我是一個更多的編碼器有時候設計師 – fourroses 2013-05-01 22:31:32

相關問題