JSFiddle - React, Tailwind, and code Playground
HTML
<form action="add_new_link.php" method="post" id="form1">
<textarea name="name" id="name"></textarea>
<select name="id_folder" id="id_folder">
<option value="">Válassz kategóriát!</option>
<option value="1">1...</option>
</select>
<a href="#submit" class="form-submit">Beküld</a>
</form>
JavaScript
// Böngésző független esemény hozzácsatolás (messze nem tökéletes)
function addEvent(elm, evt, func) {
// Olyan függvényt állítunk elő amiben a this már az esemény célpontja.
function f(event) {
var target, // Az esemény célpontja
returnValue;
if (!event) event = window.event;
if (event.target) target = event.target;
else if (event.srcElement) target = event.srcElement;
if (target && target.nodeType == 3) target = target.parentNode;
event.preventDefault = event.preventDefault || function () {
this.returnValue = false;
};
event.stopPropagation = event.stopPropagation || function () {
this.cancelBubble = true;
};
returnValue = func.call(target, event);
if (returnValue === false) {
event.preventDefault();
event.stopPropagation();
}
return returnValue;
}
if (elm.addEventListener) {
elm.addEventListener(evt, f, false);
}
else if (elm.attachEvent) {
elm.attachEvent(('on' + evt), f);
}
else {
elm['on' + evt] = f;
}
}
// Esemény kiváltása.
function fireEvent(element, event) {
var evt;
if (document.createEvent) {
// dispatch for firefox + others
evt = document.createEvent("HTMLEvents");
evt.initEvent(event, true, true); // event type,bubbling,cancelable
return !element.dispatchEvent(evt);
} else if (document.createEventObject) {
// dispatch for IE
evt = document.createEventObject();
return element.fireEvent('on' + event, evt);
}
else {
return false;
}
}
// Submit esemény kezelése
function checkSubmit(event) {
var warnings = [],
name = document.getElementById('name'),
folder = document.getElementById('id_folder');
if (name && name.value === '') {
warnings.push('Írd be a neved!');
}
if (folder && folder.value === '') {
warnings.push('Válassz kategóriát!');
}
if (warnings.length) {
event && event.preventDefault();
alert(warnings.join('\n'));
if (!event) {
return...