yep, all done thanks - setting background-color: transparent; was the
key to getting it look perfect!
Thanks for your help.
Richard
On Nov 30, 11:57 am, Jörn Zaefferer <joern.zaeffe...@googlemail.com>
wrote:
> Styling <button>s is quite flexible. Start with border:none, the rest should
> be easy.
>
> JörnOn Mon, Nov 30, 2009 at 12:51 PM, Rich <reholme...@googlemail.com> wrote:
> > Thanks that does pass the required value but I'll need to play around
> > with styling the button as I don't want the image to appear as an icon
> > and not as a button.
>
> > Thanks
>
> > On Nov 27, 5:20 pm, Jörn Zaefferer <joern.zaeffe...@googlemail.com>
> > wrote:
> > > The plugin handles that case, though only for type="submit". You could
> > try
> > > using a button instead:
>
> > > <button type="submit"><img ... /></button>
>
> > > JörnOn Fri, Nov 27, 2009 at 12:52 PM, Rich <reholme...@googlemail.com>
> > wrote:
> > > > I am validating a form that is submitted by an image input (input
> > > > type=image), there are 3 of these inputs which either publish, save or
> > > > delete the form details. If I turn javascript off and submit the form
> > > > I can pick up the value of the input button used. i.e. request.form
> > > > ("publish.x") = ?, if I turn javascript on and use the jQuery validate
> > > > plugin it does everything excpet pass the value of the button pressed
> > > > so I can't detect which button has been pressed. Any help appreciated.
>
> > > > [code]
> > > > $(function() {
> > > > $("#vml_library").validate({
> > > > ignore: "input[type=hidden]",
> > > > rules: {
> > > > mName: {
> > > > required: true
> > > > },
> > > > mSummary: {
> > > > maxlength: 200
> > > > },
> > > > mDescription: {
> > > > required: true
> > > > },
> > > > mFile: {
> > > > required: true,
> > > > accept:
> > > > ""+$("input[name=typeList]").val().replace(/\'/g,
> > > > '').replace(/\./g, '').replace(/,/g, '|') +""
> > > > },
> > > > tFile: {
> > > > required: function(element) {
> > > > return
> > $("input[name=vType]").val()
> > > > > 1;
> > > > },
> > > > accept: true
> > > > }
> > > > },
> > > > messages: {
> > > > mName: {
> > > > required: "Required"
> > > > },
> > > > mFile: {
> > > > required: "Required",
> > > > accept: "Invalid File, must be " +
> > > > $("input[name=typeList]").val()
> > > > },
> > > > mSummary: {
> > > > maxlength: "You may not use anymore than
> > 200
> > > > characters"
> > > > },
> > > > mDescription: {
> > > > required: "Required"
> > > > },
> > > > tFile: {
> > > > required: "Required",
> > > > accept: "Invalid File, must be '.jpg',
> > > > '.jpeg', '.gif' or '.png'"
> > > > }
> > > > },
> > > > success: function(label) {
> > > > label.addClass("valid").text("OK!");
> > > > },
> > > > highlight: function(element, errorClass) {
> > > > $(element).addClass("errorInput");
> > > > },
> > > > unhighlight: function(element, errorClass) {
> > > > $(element).removeClass("errorInput");
> > > > },
> > > > submitHandler: function(form) {
> > > > ShowProgress();
> > > > form.submit();
> > > > }
> > > > });
>
> > > > });
> > > > [/code]
