fix form feedback messages

This commit is contained in:
Matthias Kretschmann 2018-08-28 17:27:32 +02:00
parent d0b2c4ad80
commit 17dd23cf35
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 18 additions and 16 deletions

View File

@ -49,7 +49,7 @@ var FormCla = (function(w, d, $) {
},
success: function(data) {
thisForm.find('.form-group').addClass('hide');
thisForm.find('.alert-success').removeClass('hide');
thisForm.find('.alert--success').removeClass('hide');
thisButton.removeClass('disabled');
// send GA event
@ -58,7 +58,7 @@ var FormCla = (function(w, d, $) {
}
},
error: function(err) {
thisForm.find('.alert-danger').removeClass('hide');
thisForm.find('.alert--danger').removeClass('hide');
thisButton
.removeClass('disabled')
.attr('value', 'Send');

View File

@ -30,7 +30,7 @@ var FormContact = (function(w, d, $) {
},
success: function(data) {
_config.form.find('.form-group').addClass('hide');
_config.form.find('.alert-success').removeClass('hide');
_config.form.find('.alert--success').removeClass('hide');
_config.formBtn.removeClass('disabled');
// send GA event
@ -39,7 +39,7 @@ var FormContact = (function(w, d, $) {
}
},
error: function(err) {
_config.form.find('.alert-danger').removeClass('hide');
_config.form.find('.alert--danger').removeClass('hide');
_config.formBtn
.removeClass('disabled')
.attr('value', 'Send');

View File

@ -30,7 +30,7 @@ var FormServices = (function(w, d, $) {
},
success: function(data) {
_config.form.find('.form-group').addClass('hide');
_config.form.find('.alert-success').removeClass('hide');
_config.form.find('.alert--success').removeClass('hide');
_config.formBtn.removeClass('disabled');
// send GA event
@ -39,7 +39,7 @@ var FormServices = (function(w, d, $) {
}
},
error: function(err) {
_config.form.find('.alert-danger').removeClass('hide');
_config.form.find('.alert--danger').removeClass('hide');
_config.formBtn
.removeClass('disabled')
.attr('value', 'Send');

View File

@ -1,4 +1,3 @@
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" href="#individual" data-toggle="tab" role="tab">For Individuals</a>
@ -36,19 +35,20 @@
Fields marked with an <span class="required">*</span> are required.
</p>
<p class="form-group text-dimmed">
Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the entity named above (if applicable) to the terms and conditions of this Agreement.
Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the
entity named above (if applicable) to the terms and conditions of this Agreement.
</p>
<div class="form-group checkbox">
<label>
<input class="agree" type="checkbox" value="agreement" name="agreement" required>
I have read and agree to the <a href="/cla/individual/">terms of this Agreement</a>
<input class="agree" type="checkbox" value="agreement" name="agreement" required> I have read and agree
to the <a href="/cla/individual/">terms of this Agreement</a>
</label>
</div>
<p class="form-group">
<input class="btn btn-primary" type="submit" value="Send">
</p>
<div class="alert alert-success animation-slide-in-from-bottom hide">
<div class="alert alert--success animation-slide-in-from-bottom hide">
<svg class="alert__icon icon icon-success">
<use xlink:href="/assets/img/sprite.svg#icon-success"></use>
</svg>
@ -57,7 +57,7 @@
Thanks for submitting the agreement.
</p>
</div>
<div class="alert alert-danger hide">
<div class="alert alert--danger hide">
<svg class="alert__icon icon icon-fail">
<use xlink:href="/assets/img/sprite.svg#icon-fail"></use>
</svg>
@ -83,7 +83,8 @@
</div>
<div class="tab-pane" id="entity" role="tabpanel">
<form id="form-cla-entities" class="form form--cla js-parsley" action="//formspree.io/{{ site.email.cla }}" method="POST" accept-charset="UTF-8">
<form id="form-cla-entities" class="form form--cla js-parsley" action="//formspree.io/{{ site.email.cla }}" method="POST"
accept-charset="UTF-8">
<p class="form-group">
<input class="form-control" type="text" id="org-entity" name="org" required>
<label class="form-label" for="org-entity">Name of organization, foundation, company or other entity</label>
@ -104,12 +105,13 @@
Fields marked with an <span class="required">*</span> are required.
</p>
<p class="form-group text-dimmed">
Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the entity named above (if applicable) to the terms and conditions of this Agreement.
Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the
entity named above (if applicable) to the terms and conditions of this Agreement.
</p>
<div class="form-group checkbox">
<label>
<input class="agree" type="checkbox" value="agreement" name="agreement" required>
I have read and agree to the <a href="/cla/entity/">terms of this Agreement</a>
<input class="agree" type="checkbox" value="agreement" name="agreement" required> I have read and agree
to the <a href="/cla/entity/">terms of this Agreement</a>
</label>
</div>
<p class="form-group">