website/modules/contrib/webform/js/webform.formdfb4.js
2023-09-30 09:40:37 +02:00

104 lines
3.3 KiB
JavaScript

/**
* @file
* JavaScript behaviors for webforms.
*/
(function ($, Drupal) {
'use strict';
/**
* Remove single submit event listener.
*
* @type {Drupal~behavior}
*
* @prop {Drupal~behaviorAttach} attach
* Attaches the behavior for removing single submit event listener.
*
* @see Drupal.behaviors.formSingleSubmit
*/
Drupal.behaviors.webformRemoveFormSingleSubmit = {
attach: function attach() {
function onFormSubmit(e) {
var $form = $(e.currentTarget);
$form.removeAttr('data-drupal-form-submit-last');
}
$('body')
.once('webform-single-submit')
.on('submit.singleSubmit', 'form.webform-remove-single-submit', onFormSubmit);
}
};
/**
* Prevent webform autosubmit on wizard pages.
*
* @type {Drupal~behavior}
*
* @prop {Drupal~behaviorAttach} attach
* Attaches the behavior for disabling webform autosubmit.
* Wizard pages need to be progressed with the Previous or Next buttons,
* not by pressing Enter.
*/
Drupal.behaviors.webformDisableAutoSubmit = {
attach: function (context) {
// Not using context so that inputs loaded via Ajax will have autosubmit
// disabled.
// @see http://stackoverflow.com/questions/11235622/jquery-disable-form-submit-on-enter
$('.js-webform-disable-autosubmit input')
.not(':button, :submit, :reset, :image, :file')
.once('webform-disable-autosubmit')
.on('keyup keypress', function (e) {
if (e.which === 13) {
e.preventDefault();
return false;
}
});
}
};
/**
* Custom required and pattern validation error messages.
*
* @type {Drupal~behavior}
*
* @prop {Drupal~behaviorAttach} attach
* Attaches the behavior for the webform custom required and pattern
* validation error messages.
*
* @see http://stackoverflow.com/questions/5272433/html5-form-required-attribute-set-custom-validation-message
**/
Drupal.behaviors.webformRequiredError = {
attach: function (context) {
$(context).find(':input[data-webform-required-error], :input[data-webform-pattern-error]').once('webform-required-error')
.on('invalid', function () {
this.setCustomValidity('');
if (this.valid) {
return;
}
if (this.validity.patternMismatch && $(this).attr('data-webform-pattern-error')) {
this.setCustomValidity($(this).attr('data-webform-pattern-error'));
}
else if (this.validity.valueMissing && $(this).attr('data-webform-required-error')) {
this.setCustomValidity($(this).attr('data-webform-required-error'));
}
})
.on('input change', function () {
// Find all related elements by name and reset custom validity.
// This specifically applies to required radios and checkboxes.
var name = $(this).attr('name');
$(this.form).find(':input[name="' + name + '"]').each(function () {
this.setCustomValidity('');
});
});
}
};
// When #state:required is triggered we need to reset the target elements
// custom validity.
$(document).on('state:required', function (e) {
$(e.target).filter('[data-webform-required-error]')
.each(function () {this.setCustomValidity('');});
});
})(jQuery, Drupal);