把事件结束onsubmit在我的javascript

Put event-endler onsubmit in my javascript

本文关键字：我的 javascript onsubmit 事件 结束      更新时间：2023-09-26

我有这张登记表。我认为它工作得很好，但是否有可能以某种方式在JS页面中获得事件处理程序onsubmit ?

我是说…

我可以在我的表单上有一个id，并把onsubmit在JS中，例如document.getElementById("form id").onsubmit(); ?

<form onsubmit="return ValidateForm()">
<!-- Newsletter registration  -->
<b>Få vårat nyhetsbrev!</b>
Namn: <input id="name" type="text" name="name" /><br>
Email:<input id="email" type="text" name="email" /><br>
<input type="submit" value="Prenumenera" >
</form>

JS 

function ValidateForm()
{
    var name = document.getElementById ("name");
    if (name.value.length == 0) {
        alert ("Enter a name.");
        return false;
    }
    var email = document.getElementById('email').value;
    var filter = /^(['w-'.]+)@(('[[0-9]{1,3}'.[0-9]{1,3}'.[0-9]{1,3}'.)|((['w-]+'.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(']?)$/;
    if (!filter.test(email)) {
        alert("Invalid Email");
        return false;
    }
    alert("Thank you!");
    return true;
}

你当然可以，就这样做吧

document.getElementById("form id").addEventListener('submit', function(e) {
    if (!ValidateForm()) e.preventDefault();
}, false);

并将脚本放在DOM

中的表单后面

小提琴

相关文章：