jQuery validates all required fields except file upload.
I am definitely doing something wrong and I would greatly appreciate someone pointing me in the right direction.
Many thanks in advance.
I am trying to validate file upload along with a few other form fields.
All the form fields listed in the script below are being validate except the single file upload called BidIDFile.
Any ideas what I am doing wrong?
- <script type=' text/javascript' src=" http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.js"></script>
script type=' text/javascript'> $(document).ready(function () {
var validatingForm = false;
$.validator.setDefaults({ ignore: " :hidden:not(select)" });
$(' #form1').validate({ invalidHandler: function() {
validateForm = true;
},
rules: {
errorElement: ' div',
txtBidDate: " required",
txtDueDate: " required",
BidTitle: " required",
BidID: " required",
CategoryID: " required",
BidIDFile: " required",
AliasID: " required",
BidContact: " required",
ContactEmail: {
required: true,
email: true
},
BidType: {
required: true,
},
BidStatus: " required"
},
messages: {
txtBidDate: " Please enter Issue Date",
txtDueDate: " Please enter Due Date",
BidTitle: " Please enter Project Title",
BidID: " Please enter ID",
CategoryID: " Please select a Category",
BidIDFile: " Please select a Bid File",
AliasID: " Please select Department Alias",
BidContact: " Please enter Bid Contact",
BidTitle: " Please enter Project Title",
BidType: {
required: " Please select Bid Type"
},
ContactEmail: " Please enter a valid email address",
BidStatus: " Please select Bid Status"
},
});
$(" CategoryID").change(function(){
if(validateForm) {
$(" CategoryID").valid();
}
});
$(" AliasID").change(function(){
if(validateForm) {
$(" AliasID").valid();
}
});
$(" BidType").change(function(){
if(validateForm) {
$(" BidType").valid();
}
});
$(" BidStatus").change(function(){
if(validateForm) {
$(" BidStatus").valid();
}
});
});
</script>
<input type=" file" id=" BidIDFile" name=" BidIDFile[]" value=" " size=" 50">