Benachrichtigungs Textbox ist leer, wenn Kontrollkästchen aktiviert ist

Question

Dies könnte ein wenig verwirrend sein, aber mit mir. Ich brauche 2 Textfeld und 1 Kontrollkästchen. Wenn das Kontrollkästchen aktiviert ist, muss überprüft werden, ob die Textfelder gefüllt sind oder nicht. Wenn die Textfelder ausgefüllt sind, wird nichts unternommen.

Ich bin wirklich kämpfen mit diesem so würde ich es wirklich schätzen. Wenn Sie nicht verstehen, was ich gesagt habe, hier ist die Frage, die ich lösen muss.

* In Seite order.html, erstellen Sie eine Checkbox mit dem Etikett „gleiche wie Lieferadresse“ irgendwo angemessen in der Nähe der Felder für die Rechnungsadresse. Wenn dieses Kontrollkästchen aktiviert ist, werden die Felder für die Rechnungsadresse automatisch mit der Lieferadresse gefüllt. Wenn die Lieferadresse bei Aktivierung dieses Kontrollkästchens nicht vollständig ist, eine Warnmeldung oder eine Inline-Nachricht anzeigen: "Bitte geben Sie zuerst Ihre Lieferadresse ein". (Getrennt Adresse und Postcodes) *

Ich habe es geschaffen, mit diesen Codes den doppelten Teil zu tun.

function copy() { 
var daddress = document.getElementById("daddress"); 
var baddress = document.getElementById("baddress"); 
baddress.value = daddress.value; 
var dpost = document.getElementById("dpost"); 
var bpost = document.getElementById("bpost"); 
bpost.value = dpost.value; 
} 

Aber ich kann den Teil danach nicht herausgefunden.

Hier ist der Code für das Kontrollkästchen

<input id="duplicate" type="checkbox" name="duplicate" 
value="Duplicate" onClick="copy();"/>Same as delivery address 
<p id="dalert"><b><i>Please  enter your delivery address first</i></b><p> 

Answer 1

In diesem Fall, dass Sie ein TextArea- für die Adresse verwenden:

<textarea id="delivery-address"></textarea> 

Dann würden Sie JavaScript, um den Inhalt davon zu bekommen, :

var deliveryAddress = document.getElementById("delivery-address").value.trim(); 

Überprüfen, ob sie eine Anzeige eingegeben haben Kleid, verwenden Sie:

if (deliveryAddress === "") { ... } 

In den meisten Fällen würde die Adresse in mehrere Eingänge werden aufgebrochen, oft zwei Leitungen für die Straßenadresse, einen Eingang für Stadt, Staat und Postleitzahl.

Ein Alarm wird wie so angezeigt:

alert('Some text'); 

Answer 2

Sie können eine if-Anweisung verwenden, um zu überprüfen, ob eine Eingabe gibt es vor ihnen zu setzen.

if (daddress.value && dpost.value) { 
    baddress.value = daddress.value; 
    bpost.value = dpost.value; 
} else { 
    alert('Please enter your delivery address first!'); 
    e.preventDefault(); // Stops checkbox from becoming checked. 
} 

JSFiddle

Edit: vergessen zu erwähnen, dass e.preventDefault() zu verwenden, müssen Sie Ihre Funktion ändern, um die E-Parameter (function copy(e) {...}) und event in Ihrem Onclick-Ereignisse (onclick="copy(event)") passieren zu akzeptieren. Sie werden diese im JSFiddle sehen.