Please, anyone? I am on this for 2 days ...
Thanks, Miguel On Sep 8, 6:34 pm, shapper <[EMAIL PROTECTED]> wrote: > Hello, > > I am using JQuery Validate plugin to validate a input of type file. > > I am also styling the same input using FileStyle > plugin:http://www.appelsiini.net/projects/filestyle > > The error message is added to the HTML markup but it is not visible. > The generated HTML code is: > > <label for="Path">Ficheiro</label> > <input class="file" style="display: inline; width: 320px;"/> > <div style="background: transparent url(../Image/FileUpload.jpg) > no-repeat scroll right center; overflow: > hidden; width: 20px; height: 15px; -moz-background-clip: -moz-initial;- > moz-background-origin: -moz-initial; -moz-background-inline-policy: - > moz-initial; display: inline; position: absolute;"> > <input id="Path" class="" type="file" value="" name="Path" > style="position: relative; height: 15px; width: 320px; display:inline; > cursor: pointer; opacity: 0; margin-left: -142px;"/> > <label class="Error" for="Path" generated="true">Select a > document</label> > </div> > > I am using the following code: > > $("input[type=file]").filestyle({ > image: "../Image/FileUpload.jpg", > imageheight: 15, > imagewidth: 20, > width: 320 > }); > > $("#Create").validate({ > errorClass: "Error", > errorElement: "label", > errorPlacement: function(error, element) { > if (element.is("input[type=file]")) > error.insertAfter(element.next()); > else > error.insertAfter(element); > }, > rules: { > Path: { > accept: "flv|gif|jpg|png|swf", > required: true > } > }, > messages: { > Path: { > accept: "Use only files with the following extensions flv, > gif, jpg, png ou swf", > required: "Select a document" > } > } > }); > > Could someone, please, help me in solving this problem? > > Thanks, > Miguel