TAG
CSS
JavaScript
Result
Run
License
<form id="myform" class="myform transmitted" action="/assist/example/http/form-receivers.php" method="post" target="_blank"> <input type="text" id="name" name="name" required /> <input type="email" id="email" name="email" value="test@" /> <textarea id="message" name="message"></textarea> <button type="submit" id="btn-test">Test</button> </form>
.myform { display: inline-grid; grid: auto / auto; gap: 10px 0; } .transmitted { padding: 30px 20px; position: relative; } .transmitted::before { content: "Transmit but not save"; position: absolute; background: #454545; top: 0; padding: 3px 10px; color: yellow; border-radius: 5px; }
document.addEventListener("DOMContentLoaded", () => { const $elBtnTest = document.getElementById("btn-test"); $elBtnTest.onclick = e => { const $elController = document.getElementById("myform").elements; [...$elController].forEach(elController => { if(elController.willValidate) { console.log(elController.validationMessage); } }); }; });
Console
expand_less
License
License
by DevDic
Close