Disparando modal através de formulário

Front-end
#1

Olá amigos, necessito de uma ajuda e agradeço por isso.

Peguei um código pronto, um modal, é exatamente o que eu estava procurando, ele dispara esse modal através de um “button”…

e eu preciso que ele dispare através de um envio de formulário.

A pergunta, como eu faço para enviar esse “data-modal” para esse campo através de um formulário?

Essa linha recebe o disparo:

O código completo esta abaixo:

var ModalEffects = (function() {
	function init() {
		var overlay = document.querySelector( '.md-overlay' );
		[].slice.call( document.querySelectorAll( '.md-trigger' ) ).forEach( function( el, i ) {
			var modal = document.querySelector( '#' + el.getElementById( 'data-modal' ) ),
				close = modal.querySelector( '.md-close' );
			function removeModal( hasPerspective ) {
				classie.remove( modal, 'md-show' );
				if( hasPerspective ) {
					classie.remove( document.documentElement, 'md-perspective' );
				}
			}
			function removeModalHandler() {
				removeModal( classie.has( el, 'md-setperspective' ) ); 
			}
			el.addEventListener( 'click', function( ev ) {
				classie.add( modal, 'md-show' );
				overlay.removeEventListener( 'click', removeModalHandler );
				overlay.addEventListener( 'click', removeModalHandler );

				if( classie.has( el, 'md-setperspective' ) ) {
					setTimeout( function() {
						classie.add( document.documentElement, 'md-perspective' );
					}, 25 );
				}
			});
			close.addEventListener( 'click', function( ev ) {
				ev.stopPropagation();
				removeModalHandler();
			});
		} );
	}
	init();
})();

Obrigado.

#2