Javascript Jquery Valid()函数仅适用于第一个元素
我打算使用javascript提交表单。在我想要提交表单之前,我需要验证我的表单 以下是我的代码:Javascript Jquery Valid()函数仅适用于第一个元素,javascript,jquery,html,Javascript,Jquery,Html,我打算使用javascript提交表单。在我想要提交表单之前,我需要验证我的表单 以下是我的代码: alert(“OP请编辑我以添加验证脚本代码、cdn链接或其他内容。添加触发验证的代码”); 函数validateForm1(){ $(“#addMapForm”).validate(); $('#addMapForm').valid(); log($('#addMapForm').valid()); } 地点名称* 单位/楼层编号 地址* 城镇* 邮政编码* 我假设您使用的是: 您是否为
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键)。包括您正在使用的实际验证代码的链接。请帮助我们不要做出任何假设或猜测,以最好地帮助您。与我之前所做的几乎相同,我在发布我的之前分心了:)