Move click handler from button to form

This commit is contained in:
Björn Fromme
2018-09-24 13:18:15 +02:00
parent 2e842941be
commit ec1689fa46
5 changed files with 12 additions and 11 deletions
@@ -58,7 +58,7 @@
inline-template> inline-template>
<f:form id="configuratorform" object="{inquiry}" name="inquiry" action="processConfiguratorForm" <f:form id="configuratorform" object="{inquiry}" name="inquiry" action="processConfiguratorForm"
controller="AjaxForm" pluginName="Ajax" pageType="1703" pageUid="{settings.ajaxPageUid}" controller="AjaxForm" pluginName="Ajax" pageType="1703" pageUid="{settings.ajaxPageUid}"
noCacheHash="1"> noCacheHash="1" additionalAttributes="{'@submit.prevent': 'submitForm()'}">
<f:form.hidden property="travelType" additionalAttributes="{v-model: 'formData.type'}"/> <f:form.hidden property="travelType" additionalAttributes="{v-model: 'formData.type'}"/>
<f:form.hidden property="hotelType" additionalAttributes="{v-model: 'formData.accommodation'}"/> <f:form.hidden property="hotelType" additionalAttributes="{v-model: 'formData.accommodation'}"/>
<f:form.hidden property="locationType" additionalAttributes="{v-model: 'formData.destination'}"/> <f:form.hidden property="locationType" additionalAttributes="{v-model: 'formData.destination'}"/>
@@ -253,8 +253,7 @@
</span> </span>
</div> </div>
<div class="form__item form__item--button form__item--desktop"> <div class="form__item form__item--button form__item--desktop">
<button class="button button--configurator" <button class="button button--configurator">&raquo; jetzt anfragen</button>
v-on:click.prevent="submitForm">&raquo; jetzt anfragen</button>
</div> </div>
</div> </div>
</div> </div>
@@ -12,7 +12,8 @@
<div class="form"> <div class="form">
<f:form id="inquiryform" object="{inquiry}" name="inquiry" action="processInquiryForm" <f:form id="inquiryform" object="{inquiry}" name="inquiry" action="processInquiryForm"
controller="AjaxForm" pluginName="Ajax" pageType="1703" controller="AjaxForm" pluginName="Ajax" pageType="1703"
pageUid="{settings.ajaxPageUid}" noCacheHash="1"> pageUid="{settings.ajaxPageUid}" noCacheHash="1"
additionalAttributes="{'@submit.prevent': 'submitForm()'}">
<div class="form__item form__item--radios"> <div class="form__item form__item--radios">
<div class="form__field form__field--radio"> <div class="form__field form__field--radio">
<div class="form__item__inner"> <div class="form__item__inner">
@@ -95,7 +96,7 @@
target="_blank">Datenschutzbestimmungen</f:link.typolink> gelesen und akzeptiert.</span> target="_blank">Datenschutzbestimmungen</f:link.typolink> gelesen und akzeptiert.</span>
</div> </div>
<div class="form__item form__item--button"> <div class="form__item form__item--button">
<button type="submit" class="form__button" v-on:click.prevent="submitForm()">&raquo; Jetzt anfragen</button> <button type="submit" class="form__button">&raquo; Jetzt anfragen</button>
</div> </div>
</f:form> </f:form>
<div class="form__overlay" v-show="processing"> <div class="form__overlay" v-show="processing">
@@ -13,7 +13,8 @@
<div class="form form--box"> <div class="form form--box">
<f:form id="inquiryform" object="{inquiry}" name="inquiry" action="processInquiryForm" <f:form id="inquiryform" object="{inquiry}" name="inquiry" action="processInquiryForm"
controller="AjaxForm" pluginName="Ajax" pageType="1703" controller="AjaxForm" pluginName="Ajax" pageType="1703"
pageUid="{settings.ajaxPageUid}" noCacheHash="1"> pageUid="{settings.ajaxPageUid}" noCacheHash="1"
additionalAttributes="{'@submit.prevent': 'submitForm()'}">
<f:form.hidden property="travelType"/> <f:form.hidden property="travelType"/>
<f:form.hidden property="inquiryName"/> <f:form.hidden property="inquiryName"/>
<f:form.hidden property="pageUrl"/> <f:form.hidden property="pageUrl"/>
@@ -83,7 +84,7 @@
target="_blank">Datenschutzbestimmungen</f:link.typolink> gelesen und akzeptiert.</span> target="_blank">Datenschutzbestimmungen</f:link.typolink> gelesen und akzeptiert.</span>
</div> </div>
<div class="form__item form__item--button"> <div class="form__item form__item--button">
<button type="submit" class="form__button" v-on:click.prevent="submitForm()">&raquo; Jetzt anfragen</button> <button type="submit" class="form__button">&raquo; Jetzt anfragen</button>
</div> </div>
</f:form> </f:form>
<div class="form__overlay" v-show="processing"> <div class="form__overlay" v-show="processing">
@@ -9,7 +9,7 @@
<div class="form form--border"> <div class="form form--border">
<f:form id="contactform" object="{contactForm}" name="contactForm" <f:form id="contactform" object="{contactForm}" name="contactForm"
action="processForm" controller="AjaxForm" pluginName="Ajax" pageType="1803" action="processForm" controller="AjaxForm" pluginName="Ajax" pageType="1803"
noCacheHash="1" class="border" additionalAttributes="{v-show: '!success'}"> noCacheHash="1" class="border" additionalAttributes="{'v-show': '!success', '@submit.prevent': 'submitForm()'}">
<f:form.hidden property="pageUrl"/> <f:form.hidden property="pageUrl"/>
<div class="form-group" :class="{ 'has-error': formErrors.name }"> <div class="form-group" :class="{ 'has-error': formErrors.name }">
<label for="name" class="control-label">Name*</label> <label for="name" class="control-label">Name*</label>
@@ -86,7 +86,7 @@
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<button type="submit" class="button button-warning" v-on:click.prevent="submitForm()">Jetzt anfragen</button> <button type="submit" class="button button-warning">Jetzt anfragen</button>
</div> </div>
</f:form> </f:form>
<div class="form__overlay" v-show="processing"> <div class="form__overlay" v-show="processing">
@@ -9,7 +9,7 @@
<div class="form form--border"> <div class="form form--border">
<f:form id="contactform" object="{contactForm}" name="contactForm" <f:form id="contactform" object="{contactForm}" name="contactForm"
action="processForm" controller="AjaxForm" pluginName="Ajax" pageType="1803" action="processForm" controller="AjaxForm" pluginName="Ajax" pageType="1803"
noCacheHash="1" class="border" additionalAttributes="{v-show: '!success'}"> noCacheHash="1" class="border" additionalAttributes="{'v-show': '!success', '@submit.prevent': 'submitForm()'}">
<f:form.hidden property="pageUrl"/> <f:form.hidden property="pageUrl"/>
<div class="form-group" :class="{ 'has-error': formErrors.name }"> <div class="form-group" :class="{ 'has-error': formErrors.name }">
<label for="name" class="control-label">Name</label> <label for="name" class="control-label">Name</label>
@@ -45,7 +45,7 @@
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<button type="submit" class="button button-warning" v-on:click.prevent="submitForm()">Jetzt anfragen</button> <button type="submit" class="button button-warning">Jetzt anfragen</button>
</div> </div>
</f:form> </f:form>
<div class="form__overlay" v-show="processing"> <div class="form__overlay" v-show="processing">