Fix form error messages not being displayed

This commit is contained in:
Björn Fromme
2018-09-22 14:47:31 +02:00
parent bfc123ee12
commit 3e0cb8e91c
2 changed files with 13 additions and 13 deletions
@@ -15,52 +15,52 @@
<label for="name" class="control-label">Name*</label> <label for="name" class="control-label">Name*</label>
<f:form.textfield class="form-control" property="name"/> <f:form.textfield class="form-control" property="name"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.name">{{formErrors.name}}</div> v-show="formErrors.name" v-html="formErrors.name"></div>
</div> </div>
<div class="form-group" :class="{ 'has-error': formErrors.company }"> <div class="form-group" :class="{ 'has-error': formErrors.company }">
<label for="company" class="control-label">Firma/Verein</label> <label for="company" class="control-label">Firma/Verein</label>
<f:form.textfield class="form-control" property="company"/> <f:form.textfield class="form-control" property="company"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.company">{{formErrors.company}}</div> v-show="formErrors.company" v-html="formErrors.company"></div>
</div> </div>
<div class="form-group" :class="{ 'has-error': formErrors.email }"> <div class="form-group" :class="{ 'has-error': formErrors.email }">
<label for="email" class="control-label">E-Mail*</label> <label for="email" class="control-label">E-Mail*</label>
<f:form.textfield class="form-control" property="email"/> <f:form.textfield class="form-control" property="email"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.email">{{formErrors.email}}</div> v-show="formErrors.email" v-html="formErrors.email"></div>
</div> </div>
<div class="form-group" :class="{ 'has-error': formErrors.phone }"> <div class="form-group" :class="{ 'has-error': formErrors.phone }">
<label for="phone" class="control-label">Telefon/Fax*</label> <label for="phone" class="control-label">Telefon/Fax*</label>
<f:form.textfield class="form-control" property="phone"/> <f:form.textfield class="form-control" property="phone"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.phone">{{formErrors.phone}}</div> v-show="formErrors.phone" v-html="formErrors.phone"></div>
</div> </div>
<div class="form-group" :class="{ 'has-error': formErrors.period }"> <div class="form-group" :class="{ 'has-error': formErrors.period }">
<label for="period" class="control-label">Zeitraum</label> <label for="period" class="control-label">Zeitraum</label>
<f:form.textfield class="form-control" property="period" <f:form.textfield class="form-control" property="period"
placeholder="tt.mm.jjjj - tt.mm.jjjj"/> placeholder="tt.mm.jjjj - tt.mm.jjjj"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.period">{{formErrors.period}}</div> v-show="formErrors.period" v-html="formErrors.period"></div>
</div> </div>
<div class="form-group" :class="{ 'has-error': formErrors.duration }"> <div class="form-group" :class="{ 'has-error': formErrors.duration }">
<label for="duration" class="control-label">Aufenthaltsdauer</label> <label for="duration" class="control-label">Aufenthaltsdauer</label>
<f:form.textfield class="form-control" property="duration" <f:form.textfield class="form-control" property="duration"
placeholder="Tage inkl. An- & Abreisetag"/> placeholder="Tage inkl. An- & Abreisetag"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.duration">{{formErrors.duration}}</div> v-show="formErrors.duration" v-html="formErrors.duration"></div>
</div> </div>
<div class="form-group" :class="{ 'has-error': formErrors.pax }"> <div class="form-group" :class="{ 'has-error': formErrors.pax }">
<label for="pax" class="control-label">Anzahl der Personen</label> <label for="pax" class="control-label">Anzahl der Personen</label>
<f:form.textfield class="form-control" property="pax" <f:form.textfield class="form-control" property="pax"
placeholder="ab 15 Personen"/> placeholder="ab 15 Personen"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.pax">{{formErrors.pax}}</div> v-show="formErrors.pax" v-html="formErrors.pax"></div>
</div> </div>
<div class="form-group" :class="{ 'has-error': formErrors.age }"> <div class="form-group" :class="{ 'has-error': formErrors.age }">
<label for="age" class="control-label">Durchschnittsalter</label> <label for="age" class="control-label">Durchschnittsalter</label>
<f:form.textfield class="form-control" property="age"/> <f:form.textfield class="form-control" property="age"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.age">{{formErrors.age}}</div> v-show="formErrors.age" v-html="formErrors.age"></div>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
@@ -76,7 +76,7 @@
placeholder="z. B. Reiseleiter, Halbpension, Bus Anreise, Programm" placeholder="z. B. Reiseleiter, Halbpension, Bus Anreise, Programm"
cols="30" rows="5"/> cols="30" rows="5"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.inquiry">{{formErrors.inquiry}}</div> v-show="formErrors.inquiry" v-html="formErrors.inquiry"></div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="help-block"> <div class="help-block">
@@ -15,19 +15,19 @@
<label for="name" class="control-label">Name</label> <label for="name" class="control-label">Name</label>
<f:form.textfield class="form-control" property="name"/> <f:form.textfield class="form-control" property="name"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.name">{{formErrors.name}}</div> v-show="formErrors.name" v-html="formErrors.name"></div>
</div> </div>
<div class="form-group" :class="{ 'has-error': formErrors.email }"> <div class="form-group" :class="{ 'has-error': formErrors.email }">
<label for="email" class="control-label">E-Mail</label> <label for="email" class="control-label">E-Mail</label>
<f:form.textfield class="form-control" property="email"/> <f:form.textfield class="form-control" property="email"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.email">{{formErrors.email}}</div> v-show="formErrors.email" v-html="formErrors.email"></div>
</div> </div>
<div class="form-group" :class="{ 'has-error': formErrors.phone }"> <div class="form-group" :class="{ 'has-error': formErrors.phone }">
<label for="phone" class="control-label">Telefon</label> <label for="phone" class="control-label">Telefon</label>
<f:form.textfield class="form-control" property="phone"/> <f:form.textfield class="form-control" property="phone"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.phone">{{formErrors.phone}}</div> v-show="formErrors.phone" v-html="formErrors.phone"></div>
</div> </div>
<div class="form-group" :class="{ 'has-error': formErrors.inquiry }"> <div class="form-group" :class="{ 'has-error': formErrors.inquiry }">
<label for="inquiry" class="control-label">Anfrage</label> <label for="inquiry" class="control-label">Anfrage</label>
@@ -35,7 +35,7 @@
property="inquiry" property="inquiry"
cols="30" rows="5"/> cols="30" rows="5"/>
<div class="help-block" <div class="help-block"
v-show="formErrors.inquiry">{{formErrors.inquiry}}</div> v-show="formErrors.inquiry" v-html="formErrors.inquiry"></div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="help-block"> <div class="help-block">