首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery/js-如何根据单击提交按钮来选择父表单?

jQuery/js-如何根据单击提交按钮来选择父表单?
EN

Stack Overflow用户
提问于 2018-03-29 00:01:38
回答 2查看 0关注 0票数 0

验证脚本(我在其他地方使用过,只有一个表单)如下所示:

代码语言:txt
复制
$(document).ready(function(){
    $("#submit").click(function(){
        $(".error").hide();
        var hasError = false;

        var nameVal = $("#name").val();
        if(nameVal == '') {
            $("#name").after('Please enter your name.');
            hasError = true;
        }


        if(hasError == false) {blah blah do all the processing stuff}

那么,是否需要将$(“#name”).val()之类的东西替换为$(This).parents(‘form’).name.val()?

EN

回答 2

Stack Overflow用户

发布于 2018-03-29 08:47:12

可以选择如下形式:

代码语言:txt
复制
$("#submit").click(function(){
    var form = $(this).parents('form:first');
    ...
});

但是,通常最好将该事件附加到表单本身的Submit事件,因为即使在提交时,它也会通过从其中一个字段按Enter键触发:

代码语言:txt
复制
$('form#myform1').submit(function(e){
     e.preventDefault(); //Prevent the normal submission action
     var form = this;
     // ... Handle form submission
});

若要选择窗体内的字段,例如:

代码语言:txt
复制
$("input[name='somename']",form).val();
票数 0
EN

Stack Overflow用户

发布于 2018-03-29 09:15:26

想添加一个注释,因为现在有一个比使用:

代码语言:txt
复制
var form = $(this).parents('form:first');

使用最近的代码可以更改如下:

代码语言:txt
复制
var form = $(this).closest('form');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100007846

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档