External form won't work
Permalink
April 14, 2014 at 11:29 PM
I am using an external form so I can send form results directly to the client's email.
It comes in fine as a content block but the submit button doesn't work. Is this a javascript clash? Can someone solve it for me ?
<form action="<? echo $PHP_SELF ?> " method="post" name="sendform" onsubmit="javascript:checkform()"><span style="color: red;">*</span> = You must fill this field .</form><form action="<? echo $PHP_SELF ?> " method="post" name="sendform" onsubmit="javascript:checkform()"></form><form action="<? echo $PHP_SELF ?> " method="post" name="sendform" onsubmit="javascript:checkform()"><center>
<table id="tbody" style="border-collapse: collapse; width: 100%;" border="1" cellpadding="4">
<tbody>
<tr>
<td width="30%">Name<span style="color: red;">*</span> :</td>
<td><input style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" type="text" name="v1" /></td>
</tr>
<tr>
<td>E-mail<span style="color: red;">*</span> :</td>
<td><input style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" type="text" name="v2" /></td>
</tr>
<tr>
<td>Telephone<span style="color: red;">*</span> :</td>
<td><input style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" type="text" name="v3" /></td>
</tr>
<form action="<? echo $PHP_SELF ?> " method="post" name="sendform" onsubmit="javascript:checkform()"><span style="color: red;">*</span> = You must fill this field .</form><form action="<? echo $PHP_SELF ?> " method="post" name="sendform" onsubmit="javascript:checkform()"></form><form action="<? echo $PHP_SELF ?> " method="post" name="sendform" onsubmit="javascript:checkform()"><center>
<table id="tbody" style="border-collapse: collapse; width: 100%;" border="1" cellpadding="4">
<tbody>
<tr>
<td width="30%">Name<span style="color: red;">*</span> :</td>
<td><input style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" type="text" name="v1" /></td>
</tr>
<tr>
<td>E-mail<span style="color: red;">*</span> :</td>
<td><input style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" type="text" name="v2" /></td>
</tr>
<tr>
<td>Telephone<span style="color: red;">*</span> :</td>
<td><input style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" type="text" name="v3" /></td>
</tr>
<tr>
<td>Water Tank 300 :</td>
<td><select style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" name="v4"><option selected="selected" value="">Please select</option><option value="1">-</option> <option value="2">1</option> <option value="3">2</option> <option value="4">3</option> <option value="5">4</option> <option value="6">5</option> </select></td>
</tr>
<tr>
<td>Water Tank 550 :</td>
<td><select style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" name="v5"><option selected="selected" value="">Please select</option><option value="1">-</option> <option value="2">1</option> <option value="3">2</option> <option value="4">3</option> <option value="5">4</option> <option value="6">5</option> </select></td>
</tr>
<tr>
<td>Water Tank 600 :</td>
<td><select style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" name="v6"><option selected="selected" value="">Please select</option><option value="1">-</option> <option value="2">1</option> <option value="3">2</option> <option value="4">3</option> <option value="5">4</option> <option value="6">5</option> </select></td>
</tr>
<tr>
<td>Water Tank 1000 :</td>
<td><select style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" name="v7"><option selected="selected" value="">Please select</option><option value="1">-</option> <option value="2">1</option> <option value="3">2</option> <option value="4">3</option> <option value="5">4</option> <option value="6">5</option> </select></td>
</tr>
<tr>
<td>Water Tank 1500 :</td>
<td><select style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" name="v8"><option selected="selected" value="">Please select</option><option value="1">-</option> <option value="2">1</option> <option value="3">2</option> <option value="4">3</option> <option value="5">4</option> <option value="6">5</option> </select></td>
</tr>
<tr>
<td>Water Tank 3500 :</td>
<td><select style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" name="v9"><option selected="selected" value="">Please select</option><option value="1">-</option> <option value="2">1</option> <option value="3">2</option> <option value="4">3</option> <option value="5">4</option> <option value="6">5</option> </select></td>
</tr>
<tr>
<td>Water Tank 4000 :</td>
<td><select style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" name="v10"><option selected="selected" value="">Please select</option><option value="1">-</option> <option value="2">1</option> <option value="3">2</option> <option value="4">3</option> <option value="5">4</option> <option value="6">5</option> </select></td>
</tr>
<tr>
<td>Water Tank 4000 Big :</td>
<td><select style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" name="v11"><option selected="selected" value="">Please select</option><option value="1">-</option> <option value="2">1</option> <option value="3">2</option> <option value="4">3</option> <option value="5">4</option> <option value="6">5</option> </select></td>
</tr>
<tr>
<td>Water Tank 5000 :</td>
<td><select style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" name="v12"><option selected="selected" value="">Please select</option><option value="1">-</option> <option value="2">1</option> <option value="3">2</option> <option value="4">3</option> <option value="5">4</option> <option value="6">5</option> </select></td>
</tr>
<tr>
<td>Water Tank 10500 :</td>
<td><select style="border: 1px solid #AAAAAA; padding: 0; background-color: #ffffff;" name="v13"><option selected="selected" value="">Please select</option><option value="1">-</option> <option value="2">1</option> <option value="3">2</option> <option value="4">3</option> <option value="5">4</option> <option value="6">5</option> </select></td>
</tr>
<tr>
<td><input style="border: 1px solid #666666; padding: 0; background-color: #d4d0c8;" onclick="javascript:checkform();" type="button" name="submit" value="Order Now" /></td>
<td><input style="border: 1px solid #666666; padding: 0; background-color: #d4d0c8;" type="reset" value="Clear Form" /></td>
</tr>
</tbody>
</table>
</center></form>
<script type="text/javascript">// <![CDATA[
function checkform(){
var error_msg='';
var second_error_msg='You didn\'t fill this fields rightly:\n';
var done='';
var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i;
if(sendform.v1.value == '') error_msg=error_msg+' - Name .\n';
if(sendform.v2.value == '') error_msg=error_msg+' - E-mail .\n';
if(sendform.v3.value == '') error_msg=error_msg+' - Telephone .\n';
if(sendform.v1.value !='' && sendform.v2.value !='' && sendform.v3.value !='') done=1;
else alert('Please fill this fields :\n'+error_msg);
if(done==1){
var returnval2=emailfilter.test(sendform.v2.value);
if(returnval2==false) second_error_msg = second_error_msg+' - E-mail (You must write a correct Email) .\n';
if(second_error_msg!='You didn\'t fill this fields rightly:\n') alert(second_error_msg);
else sendform.submit();
}
}
// ]]></script>
<!-- ############ End Form Page ############ --><!-- ############ Start Result Page ############ --><!-- ############ End Result Page ############ -->