Jquery.Valide文件上传绕过其他字段的验证
Jquery.Validate file upload bypassing validation on other fields
Jquery.Valide似乎在文件上载附加文件时绕过了对其他字段的验证。我也在中添加了额外的-methods.js扩展。如有任何帮助,我们将不胜感激。这是代码:
$("#submitnoclaimsproof-form").validate({
errorClass: "error",
rules: {
name: { required: true, maxlength: 255 },
policynumber: { required: true, maxlength: 255 },
postcode: { required: true, maxlength: 255 },
reg: { required: true, maxlength: 255 },
previousinsurer: { required: true, maxlength: 255 },
previouspolicynumber: { required: true, maxlength: 255 },
subscribe: { required: true },
file: { required: true, uploadFile: true }
},
messages: {
name: { required: "Name required" },
policynumber: { required: "Policy Number is required" },
postcode: { required: "Postcode is required" },
reg: { required: "Vehicle Registration required" },
previousinsurer: { required: "Previous Insurer required" },
previouspolicynumber: { required: "Previous Policynumber required" },
file: { required: "Proof of no claims required" },
subscribe: { required: "Please confirm" }
},
});
形式:
<form id="submitnoclaimsproof-form" class="form-horizontal" role="form" action="./SubmityourNoClaimsBonusProofScript" method="post" enctype="multipart/form-data">
<div class="form-response">
<div class="form-group">
<div class="col-sm-4">
<label for="name" class="control-label">Name:</label>
</div>
<div class="col-sm-6">
<input type="text" class="form-control" id="name" name="name" placeholder="Your Name...">
</div>
<div class="col-sm-6 col-sm-offset-4 error-message">
<label for="name" generated="false" class="error"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4">
<label for="policynumber" class="control-label">Policy Number:</label>
</div>
<div class="col-sm-6">
<input type="text" class="form-control" id="policynumber" name="policynumber" placeholder="Policy Number...">
</div>
<div class="col-sm-6 col-sm-offset-4 error-message">
<label for="policynumber" generated="false" class="error"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4">
<label for="postcode" class="control-label">Home Postcode:</label>
</div>
<div class="col-sm-6">
<input type="text" class="form-control" id="postcode" name="postcode" placeholder="Postcode...">
</div>
<div class="col-sm-6 col-sm-offset-4 error-message">
<label for="postcode" generated="false" class="error"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4">
<label for="reg" class="control-label">Vehicle Registration:</label>
</div>
<div class="col-sm-6">
<input type="text" class="form-control" id="reg" name="reg" placeholder="Vehicle Registration...">
</div>
<div class="col-sm-6 col-sm-offset-4 error-message">
<label for="reg" generated="false" class="error"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4">
<label for="file" class="control-label">Upload your NCB Proof: </label>
</div>
<div class="col-sm-6">
<input type="file" id="file" name="file" class="" placeholder="Your NCB Proof...">
</div>
<div class="col-sm-6 col-sm-offset-4 error-message">
<label for="file" generated="false" class="error"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4">
<label for="previousinsurer" class="control-label">Previous Insurer: </label>
</div>
<div class="col-sm-6">
<input type="text" class="form-control" id="previousinsurer" name="previousinsurer" placeholder="Previous Insurer...">
</div>
<div class="col-sm-6 col-sm-offset-4 error-message">
<label for="previousinsurer" generated="false" class="error"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4">
<label for="previouspolicynumber" class="control-label">Previous policy number:</label>
</div>
<div class="col-sm-6">
<input type="text" class="form-control" id="previouspolicynumber" name="previouspolicynumber" placeholder="Previous policy number...">
</div>
<div class="col-sm-6 col-sm-offset-4 error-message">
<label for="previouspolicynumber" generated="false" class="error"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-12 submit">
<button type="submit" class="btn btn-secondary submit-button">Submit Request<i class="fa fa-chevron-right"></i></button>
</div>
</div>
</div>
</form>
没有验证方法名称"uploadFile"(除非您已经自己编写了它),所以当文件控件附加了文件时会发生异常。
相关文章:
- AngularJS:必需属性适用于某些字段,但不适用于其他字段
- 在维护输入内容的同时添加其他字段
- AngularJS客户端验证:根据其他字段更改验证要求
- 使用AJAX值的Fileupload不会在表单中传递其他字段
- AngularJS-在键入自动完成后填充其他字段
- 如果使用jquery输入一个字段,则自动填充其他字段
- 如果其他字段包含文本,则阻止文本字段
- 在响应之前向文档添加其他字段
- jQuery:如果一个字段有Class,则计算其他字段中的单词
- Yii2 输入字段设置禁用取决于其他字段
- 只有文件上传到数据库,所有其他字段均为空
- 选择其他字段元素时如何重置选择选项下拉列表
- Javascript:根据其他字段合并两个JSON
- 如果在带有 JavaScript 的菜单中选择了其他字段,则显示其他字段
- 填写一个字段时,必须填写其他字段
- 如何在 MongoDB 中也聚合显示其他字段
- JQuery 验证 <选择> min取决于其他字段,不起作用
- Python 文件上传:具有多个其他字段的 Ajax 和 Flask 上传
- 需要显示其他字段的实时状态
- Parse.com-无法向用户添加其他字段