当前位置: 首页 > web>阅读正文

js、jq绑定表单提交事件

2021.9.19 朱丰华 1829 次 留下评论 421字

表达节点应该绑定一个id,而不是class或者不写任何属性

<form id="myform"></form>

此时,再使用js,jquery绑定表单事件

// js绑定写法

document.getElementById('myform').onsubmit=function(){
    // 表单验证与提交
}

如果你使用了jquery以及ajax,你应该这么写

$("#myform").submit(){
    let username = $("[name='username']").val();
    let password = $("[name='password']").val();
    if(!username||!password){
        return false;
    }else{
        $.post(xxxxxxxx);  // 提交ajax并验证,正确则location.href=xxx
        return false;
    }
}

使用ajax提交表单校验时,务必设置return false,否则最后直接跳转页面

本篇完,还有疑问?留下评论吧

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注