Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery Valid()函数仅适用于第一个元素_Javascript_Jquery_Html - Fatal编程技术网

Javascript Jquery Valid()函数仅适用于第一个元素

Javascript Jquery Valid()函数仅适用于第一个元素,javascript,jquery,html,Javascript,Jquery,Html,我打算使用javascript提交表单。在我想要提交表单之前,我需要验证我的表单 以下是我的代码: alert(“OP请编辑我以添加验证脚本代码、cdn链接或其他内容。添加触发验证的代码”); 函数validateForm1(){ $(“#addMapForm”).validate(); $('#addMapForm').valid(); log($('#addMapForm').valid()); } 地点名称* 单位/楼层编号 地址* 城镇* 邮政编码* 我假设您使用的是: 您是否为

我打算使用javascript提交表单。在我想要提交表单之前,我需要验证我的表单

以下是我的代码:

alert(“OP请编辑我以添加验证脚本代码、cdn链接或其他内容。添加触发验证的代码”);
函数validateForm1(){
$(“#addMapForm”).validate();
$('#addMapForm').valid();
log($('#addMapForm').valid());
}



地点名称* 单位/楼层编号 地址* 城镇* 邮政编码*
我假设您使用的是:

您是否为其他元素实施了验证规则

规则(默认:从标记(类、属性、数据)读取规则)

因此,要么在HTML中定义了这些函数,要么需要在调用
.valid()
之前调用的validate函数中定义它们

以下是一个例子:

$("#myform").validate({
  rules: {
    // simple rule, converted to {required:true}
    name: "required",
    // compound rule
    email: {
      required: true,
      email: true
    }
  }
});
简而言之,为了获得更精确的帮助,我们需要所有相关的代码或小提琴,请提供一个演示,展示您所面临问题的示例。

尝试此解决方案

$('.form-control').each(function() {
    $(this).validate();
    $(this).valid();
}

我尝试使用下面的js来验证我的表单,但是我知道下面的代码不是最好的答案,它只能在第一个输入元素上显示错误消息

我欢迎任何人发表比这更好的答案

    function validateForm() {
        var result = true;
        $("#addMapForm").each(function () {
            $(this).find(':input').each(function () {

                if ($(this).valid() == false) {
                    result = false;
                    return;
                }

            });
        });
        return result;
    }

输入上缺少
name
s。表单只会提交命名控件,没有
名称的验证插件不会验证任何内容

添加后,
required
字段即可正常工作

$(“#addMapForm”).validate();
$(“#addMapForm”).valid()



地点名称* 单位/楼层编号 地址* 城镇* 邮政编码* 提交
我为表单输入提供了一些名称属性。不确定您是否在页面中添加了实际代码,所以我在这里这样做了。我添加了一个按钮触发只是为了演示。我添加了最简单的CSS

$(“#validateme”)。在('click',function()上{
控制台日志(“验证”);
让验证器=$(“#addMapForm”).validate();
form();
log(Validator.valid());
});
.error{color:red}



地点名称* 单位/楼层编号 地址* 城镇* 邮政编码* 确认
显示标记,并可能将标记和代码放入具有功能示例的代码段(编辑时按CTRL-M键)。包括您正在使用的实际验证代码的链接。请帮助我们不要做出任何假设或猜测,以最好地帮助您。与我之前所做的几乎相同,我在发布我的之前分心了:)