149 lines
4.5 KiB
JavaScript
149 lines
4.5 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.weformRemoveFormSingleSubmit = {
|
|
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:not([method~="GET"])', onFormSubmit);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Autofocus first input.
|
|
*
|
|
* @type {Drupal~behavior}
|
|
*
|
|
* @prop {Drupal~behaviorAttach} attach
|
|
* Attaches the behavior for the webform autofocusing.
|
|
*/
|
|
Drupal.behaviors.webformAutofocus = {
|
|
attach: function (context) {
|
|
$(context).find('.webform-submission-form.js-webform-autofocus :input:visible:enabled:first').focus();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* 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) {
|
|
// @see http://stackoverflow.com/questions/11235622/jquery-disable-form-submit-on-enter
|
|
$(context).find('.webform-submission-form.js-webform-disable-autosubmit input')
|
|
.not(':button, :submit, :reset, :image, :file')
|
|
.once('webform-disable-autosubmit')
|
|
.on('keyup keypress', function (e) {
|
|
var keyCode = e.keyCode || e.which;
|
|
if (keyCode === 13) {
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Skip client-side validation when submit button is pressed.
|
|
*
|
|
* @type {Drupal~behavior}
|
|
*
|
|
* @prop {Drupal~behaviorAttach} attach
|
|
* Attaches the behavior for the skipping client-side validation.
|
|
*/
|
|
Drupal.behaviors.webformSubmitNoValidate = {
|
|
attach: function (context) {
|
|
$(context).find(':submit.js-webform-novalidate').once('webform-novalidate').on('click', function () {
|
|
$(this.form).attr('novalidate', 'novalidate');
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Attach behaviors to trigger submit button from input onchange.
|
|
*
|
|
* @type {Drupal~behavior}
|
|
*
|
|
* @prop {Drupal~behaviorAttach} attach
|
|
* Attaches form trigger submit events.
|
|
*/
|
|
Drupal.behaviors.webformSubmitTrigger = {
|
|
attach: function (context) {
|
|
$('[data-webform-trigger-submit]').once('webform-trigger-submit').on('change', function () {
|
|
var submit = $(this).attr('data-webform-trigger-submit');
|
|
$(submit).mousedown();
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Custom required error message.
|
|
*
|
|
* @type {Drupal~behavior}
|
|
*
|
|
* @prop {Drupal~behaviorAttach} attach
|
|
* Attaches the behavior for the webform custom required error message.
|
|
*
|
|
* @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]').once('webform-required-error')
|
|
.on('invalid', function () {
|
|
this.setCustomValidity('');
|
|
if (!this.valid) {
|
|
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('');});
|
|
});
|
|
|
|
if (window.imceInput) {
|
|
window.imceInput.processUrlInput = function (i, el) {
|
|
var button = imceInput.createUrlButton(el.id, el.getAttribute('data-imce-type'));
|
|
el.parentNode.insertAfter(button, el);
|
|
};
|
|
}
|
|
|
|
})(jQuery, Drupal);
|