jQuery验证另一个值失败
jQuery Validation of another value failing.
我有一个运行一些验证的表单。其中一个检查文件是否加载到字段中,以及是否是需要检查的一组复选框
我遇到的问题是,只有当验证被触发时,我的验证才能工作。FF和Chrome都没有给我任何错误。
这是HTML:
<form id="supplier_registration_form" method="POST">
<label class="block label">stuff:</label>
<br />
<input name="referenceEmail3" id="referenceEmail3" value="" type="text" />
<input type="file" name="file_upload1" id="file_upload1" class="fpp_textfield" value="" />
<br />
<input type="checkbox" name="agency[]" id="one" value="one">
<label class="block label">one</label>
<input type="checkbox" name="agency[]" id="two" value="two">
<label class="block label">two</label>
<input type="checkbox" name="agency[]" id="three" value="three">
<label class="block label">three</label>
<br />
<input type="submit" name="submit" id="submit" value="Submit">
</form>
这是我的Js验证:
$('#supplier_registration_form').validate({
onkeyup: false,
ignore: ":hidden",
rules: {
file_upload1: { required: false, accept: "|txt|doc|pdf|docx|xls|xlsx|ppt|pptx"},
'agency[]': { required : function() {
var file = document.getElementById("file_upload1").files[0];
if (file.size > 0) {
return true;
} else {
return false;
}
}
}
},
messages: {
yearEstablished: 'Please enter a year between 1850 and 2013',
file_upload1: 'Only txt, doc, xcl, xls, ppt and pdf file extensions are allowed!',
file_upload2: 'Only txt, doc, xcl, xls, ppt and pdf file extensions are allowed!',
"agency[]": 'One or more certifying agency is required'
},
onfocusout: function (element) {
if (!this.checkable(element) && (element.name in this.submitted || !this.optional(element))) {
var currentObj = this;
var currentElement = element;
var delay = function () {
currentObj.element(currentElement);
};
setTimeout(delay, 0);
}
},
errorPlacement: function(error, element) {
if (element.attr("name") == "agency[]" )
error.insertAfter(".certifying-agency-error");
else
error.insertAfter(element);
}
});
尝试依赖选项
jQuery(function ($) {
$('#supplier_registration_form').validate({
onkeyup: false,
ignore: ":hidden",
rules: {
file_upload1: {
required: false,
accept: "txt|doc|pdf|docx|xls|xlsx|ppt|pptx|html"
},
'agency[]': {
required: {
depends: function () {
var file = document.getElementById("file_upload1").files;
return file.length > 0
}
}
}
},
messages: {
yearEstablished: 'Please enter a year between 1850 and 2013',
file_upload1: 'Only txt, doc, xcl, xls, ppt and pdf file extensions are allowed!',
file_upload2: 'Only txt, doc, xcl, xls, ppt and pdf file extensions are allowed!',
"agency[]": 'One or more certifying agency is required'
},
onfocusout: function (element) {
if (!this.checkable(element) && (element.name in this.submitted || !this.optional(element))) {
var currentObj = this;
var currentElement = element;
var delay = function () {
currentObj.element(currentElement);
};
setTimeout(delay, 0);
}
},
errorPlacement: function (error, element) {
if (element.attr("name") == "agency[]") {
error.insertAfter(".certifying-agency-error");
} else {
error.insertAfter(element);
}
}
});
})
演示:Fiddle
相关文章:
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 使用clickToggle并在单击另一个元素时关闭元素
- 使用javascript将动态表从一个html页面打印到另一个html页
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 从Rally获取一个特定的标记,以便计算另一个字段中的值
- 无法从jquery Mobile导航栏重定向到另一个页面
- 如何在JQuery函数中定义一个值,然后调用另一个函数并使用该值
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 字符串在将其传递给另一个活动Android JavaScript时读取Null
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 导航到特定事件的另一个变量页面
- jQuery验证另一个值失败
- javascript:将键从for循环传递到另一个函数失败
- 为什么我的Knockout Radio按钮在使用单击绑定的另一个元素内时会失败
- 在IE8中初始化另一个对象内部的对象失败
- AngularJS'否则'控制器不'如果另一个控制器上的解析失败,则不运行
- 当' mapHooks '失败时重定向到另一个路由
- 创建另一个帐户后's显示失败”;抱歉,您的注册失败.请返回并重试&”;