validate issue

fr

frankytsang 10 Mar, 2008

Hi Bob,

I have got some validate issues.
I am using:

Joomla: 1.0.14
Chrono Form 2.3.8

After I create the form and published it, everything well well, even the anti spam is working. It will send the for out... without validate it...

here is a few screen shot and the code I copy from the actual site (ie. the source code from firefox) Can you please have a look and tell me where I go wrong???

thx a lot

Franky

http://i10.photobucket.com/albums/a110/honeybeani/Picture24.png

http://i10.photobucket.com/albums/a110/honeybeani/Picture23.png

http://i10.photobucket.com/albums/a110/honeybeani/Picture21.png

and here is the code from firefox:

<form name="ChronoContact_Booking" id="ChronoContact_Booking" method="post" action="index.php?option=com_chronocontact&task=send&chronoformname=Booking" >
		<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
			<tr>

				<td>
				      <table width="100%" border="0" cellpadding="3" cellspacing="0">
        <tr>
          <td colspan="2"><font color="#000000" face="Arial" size="2">
          <span style="text-decoration:underline; font-weight:700">Your Details</span></font></td>
          <td width="25%"> </td>
          <td width="25%"> </td>
        </tr>

        <tr>
          <td colspan="2"> </td>
          <td> </td>
          <td> </td>
        </tr>
        <tr>
          <td width="25%"><b><font color="#000000" face="Arial" size="2">Title:</font></b></td>
          <td width="25%" align="left"><font face="Arial">

          <select name="title" style="font-weight: 700">
            <option value="Mr." selected>Mr.</option>
            <option value="Mrs.">Mrs.</option>
            <option value="Miss">Miss</option>
          </select></font></td>
          <td><b><font color="#000000" face="Arial" size="2">First Name: </font>
          </b> </td>

          <td align="left"><font face="Arial">
          <input name="FName" id="FName" style="font-weight: 700" size="14" maxlength="30">
          </font></td>
        </tr>
        <tr>
          <td><b><font color="#000000" face="Arial" size="2">Company:</font></b></td>
          <td align="left"><font face="Arial">
          <input name="CoName" style="font-weight: 700" size="14" maxlength="50" id="CoName">

          </font></td>
          <td><b><font color="#000000" face="Arial" size="2">*Last Name: </font>
          </b> </td>
          <td align="left"><font face="Arial">
          <input name="LName" class="required" id="LName" style="font-weight: 700" size="14" maxlength="30">
          </font></td>
        </tr>
        <tr>

          <td><b><font color="#000000" face="Arial" size="2">*Home Phone: </font>
          </b> </td>
          <td align="left"><font face="Arial">
          <input name="HPhone" size="14" style="font-weight: 700" id="HPhone">
          </font></td>
          <td><b><font color="#000000" face="Arial" size="2">Work Phone: </font>
          </b> </td>

          <td align="left"><font face="Arial">
          <input name="wphone" style="font-weight: 700" size="14" maxlength="15">
          </font></td>
        </tr>
        <tr>
          <td><b><font color="#000000" face="Arial" size="2">*e-mail:</font></b></td>
          <td align="left"><font face="Arial">
          <input name="email" class="validate-email" style="font-weight: 700" size="14" maxlength="50">

          </font></td>
          <td><b><font color="#000000" face="Arial" size="2">Mobile:</font></b></td>
          <td align="left"><font face="Arial">
          <input name="mobile" style="font-weight: 700" size="14" maxlength="15">
          </font></td>
        </tr>
        <tr>
          <td> </td>

          <td> </td>
          <td><b><font color="#000000" face="Arial" size="2">Fax:</font></b></td>
          <td align="left"><font face="Arial">
          <input name="fax" style="font-weight: 700" size="14" maxlength="15">
          </font></td>
        </tr>
        <tr>
          <td colspan="4" align="left"> </td>

        </tr>
        <tr>
          <td colspan="4" align="left"><b>
          <font size="2" color="#000000" face="Arial">Age of the intended driver:          </font></b> <span style="font-weight:700">
          <font size="2" color="#000000" face="Arial">(Intended driver must be between 21 and 75)          </font>
          </span> <span style="font-weight:normal"><font face="Arial">
            <input name="age" style="font-weight: 700" size="2" maxlength="2">

          </font></span><span style="font-weight:700"><font color="#000000" face="Arial" size="2">
          </font>
          </span></td>
        </tr>
        <tr>
          <td colspan="4" align="left"> </td>
        </tr>
        <tr>
          <td colspan="4"><b><font color="#000000" face="Arial" size="2">Preferred method of contact: 
          </font></b> </td>

        </tr>
        <tr>
          <td><b><font color="#000000" face="Arial" size="2">phone:
            </font></b><font face="Arial">
            <input  type="radio" value="phone" checked name="contact" style="font-weight: 700"></font></td>
          <td><b><font color="#000000" face="Arial" size="2">e-mail:
            </font></b><font face="Arial">
            <input  type="radio" name="contact" value="email" style="font-weight: 700"></font></td>
          <td><b><font color="#000000" face="Arial" size="2">mobile:
            </font></b><font face="Arial">

            <input  type="radio" name="contact" value="mobile" style="font-weight: 700"></font></td>
          <td><b><font color="#000000" face="Arial" size="2">fax:
            </font></b><font face="Arial">
            <input  type="radio" name="contact" value="fax" style="font-weight: 700"></font></td>
        </tr>
        <tr>
          <td> </td>
          <td> </td>
          <td> </td>

          <td> </td>
        </tr>
        <tr>
          <td colspan="4"><hr></td>
        </tr>
        <tr>
          <td colspan="4"> </td>
        </tr>
        <tr>

          <td colspan="2"><font color="#000000" face="Arial" size="2">
          <span style="text-decoration:underline; font-weight:700">Booking Details</span></font></td>
          <td> </td>
          <td> </td>
        </tr>
        <tr>
          <td colspan="2"> </td>
          <td> </td>

          <td> </td>
        </tr>
        <tr>
          <td colspan="2"><b><font color="#000000" face="Arial" size="2">Dates of intended booking: 
          </font></b> </td>
          <td><font color="#000000" face="Arial" size="2">
          <span style="font-weight:700">pick up:</span></font></td>
          <td><font face="Arial">

          <input name="pickUpDate" class="validate-date-au" id="pickUpDate" style="font-weight: 700" value="dd/mm/yyyy" size="11" maxlength="15">
          </font></td>
        </tr>
        <tr>
          <td> </td>
          <td align="left"> </td>
          <td><font color="#000000" face="Arial" size="2">
          <span style="font-weight:700">return:</span></font></td>

          <td align="left"><font face="Arial">
          <input name="returnDate" id="returnDate" style="font-weight: 700" value="dd/mm/yyyy" size="11">
          </font></td>
        </tr>
        <tr>
          <td> </td>
          <td align="left"> </td>
          <td> </td>
          <td align="left"> </td>

        </tr>
        <tr>
          <td colspan="2"><b><font color="#000000" face="Arial" size="2">Vehicle type: 
          </font></b> </td>
          <td><font face="Arial">
          <select name="type" size="1" style="font-weight: 700">
            <option value="car" selected>car</option>
            <option value="commercial vehicle">commercial vehicle</option>

            <option value="ute">ute</option>
          </select></font></td>
          <td> </td>
        </tr>
        <tr>
          <td colspan="2"> </td>
          <td> </td>
          <td> </td>

        </tr>
        <tr>
          <td colspan="2"><b><font color="#000000" face="Arial" size="2">Method of payment for deposit:</font></b></td>
          <td><font color="#000000" face="Arial" size="2">
          <span style="font-weight:700">cash:</span></font></td>
          <td><font face="Arial">
          <input type="radio" name="payMethod" value="cash" checked style="font-weight: 700">
          </font></td>

        </tr>
        <tr>
          <td> </td>
          <td> </td>
          <td><font color="#000000" face="Arial" size="2">
          <span style="font-weight:700">credit card :</span></font></td>
          <td><font face="Arial">
          <input type="radio" name="payMethod" value="credit card" style="font-weight: 700" >

          </font></td>
        </tr>
        <tr>
          <td> </td>
          <td> </td>
          <td> </td>
          <td> </td>
        </tr>
        <tr>

          <td colspan="2"><b><font color="#000000" face="Arial" size="2">Details/Comments:</font></b></td>
          <td colspan="2" align="left"><font face="Arial" color="#000000">
          <textarea name="comments" cols="40" rows="5" style="font-weight: 700"></textarea></font></td>
        </tr>
        <tr>
          <td colspan="2">Type the code shown</td>
          <td colspan="2" align="left"></td>

        </tr>
        <tr>
          <td colspan="2"> </td>
          <td colspan="2" align="left"> </td>
        </tr>
        <tr>
          <td colspan="2" align="right"><font face="Arial">
          <input type="submit" name="submit" value="Submit" style="font-weight: 700"></font></td>
          <td colspan="2" align="left"><b>

          <font color="#000000" face="Arial" size="2">              </font></b><font face="Arial">
            <input type="reset" name="Reset" value="Reset" style="font-weight: 700"></font></td>
        </tr></table>
				</td>
			</tr>
		</table>

I can see the form is adding "required" into the class, but it just doesnt do the job and send the form away. am I putting some wrong setting there??

fr

frankytsang 10 Mar, 2008

if you cant see the image. please right click to view it in a new window.

cheers,
Frznky

Gr

GreyHead 10 Mar, 2008

Hi frankytsang,

You've got the same problem as Sofia had yesterday. Please take the spaces out of the fieldname lists.

I don't think that it all the problem though.

Is the site on-line so I can go and take a look?

Bob

PS It's simpler and better to post a Form Backup here rather than page images - I can restore the backup on my test site and see exactly what is happening.

fr

frankytsang 13 Mar, 2008

Hi Bob,

Done!!!!!

the validation works now hehehehe

and sorry the site is not live yet, still waiting for the client to approve

thx again!!!!!!

:laugh: :laugh: :laugh: :laugh: :laugh:

fr

frankytsang 13 Mar, 2008

I am asking my boss to get the donation to you guy hehehe

cross my finger, hope this will happen soon

Forums

validate issue