ShopPilot > Visual Forms

Pflichfelder mit Bedingung

(1/1)

dobra:
Aufgabe:
die Angabe einer Telefonnummer soll im Kontaktformular nur dann ein Pflichtfeld sein, wenn telefonische Antwort gewünscht wird.

Lösung:

--- Code: --- <form action="__UDC__#kontakt" method="post" name="Feedback" id="Feedback">
...
<div class="form-group col-md-12" style="margin-bottom: 0;">
Teilen Sie uns mit, wie wir Ihnen antworten sollen:<br>
<span style="padding-left: 20px;"><input type="radio" checked name="Kontaktart" value="email"> per E-Mail </span>
<span style="padding-left: 10px;"><input type="radio" name="Kontaktart" value="telefonisch"> telefonisch </span>
</div>
...
</form>

<script>
$(document).ready(function(){
$(':radio[name=Kontaktart]').click(function(){    
if($(this).val() == 'telefonisch'){
$("#tel").prop('required',true);
} else {
$("#tel").prop('required',false);
}
});
});             
</script>
--- End code ---

Voraussetzung:

* jquery ist eingebunden
* Es darf kein
   <input type="hidden" name="tel_required" value="die Telefonnummer fehlt">
gesetzt sein, sonst kann das Formular nicht abgesendet werden wenn das Feld nicht ausgefüllt ist


Linkback: https://www.shoppilot.net/pf/index.php?topic=1766.0

Navigation

[0] Themen-Index