I managed to get it working with AJAX which can also be used later on for dynamic results.
- the form only works with auto fill results i.e. results previously used.
- using a previous value and then typing more to produce a client side validation error doe not work!
Please say if there is there a reason for this happening usually - like my browser is dead?
PHP file is the same btw.
<p>Enter your vehicle registration plate number without spaces and then click 'Find Tyre Pressures'.</p>
<form action="" method="post">
<input type="text" id="reg_plate" name="reg_plate" />
<input type="button" id="submit" name="submit" value="Find Tyre Pressures" onclick="reg_plate_lookup_function()" />
</form>
<br><br>
<div id="tyre_pressure_results">
No results yet
</div>
<script type="text/javascript">
function getXMLObject() //XML OBJECT
{
var xmlHttp = false;
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP") // For Old Microsoft Browsers
}
catch (e)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") // For Microsoft IE 6.0+
}
catch (e2)
{
xmlHttp = false // No Browser accepts the XMLHTTP Object then false
}
}
if (!xmlHttp && typeof XMLHttpRequest != 'undefined')
{
xmlHttp = new XMLHttpRequest(); //For Mozilla, Opera Browsers
}
return xmlHttp; // Mandatory Statement returning the ajax object created
}
function reg_plate_lookup_function()
{
var getdate = new Date(); //Used to prevent caching during ajax call
var xmlHttp = getXMLObject();
var reg_plate = document.getElementById('reg_plate').value;
if(reg_plate.length > 6 && reg_plate.length < 8 && reg_plate.match(/^[0-9a-zA-Z]+$/))
{
if(xmlHttp)
{
xmlHttp.open("POST","../../../components/com_jumi/files/tyre_pressure_query.php",false);
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.send("reg_plate=" + reg_plate);
}
var response = xmlHttp.responseText;
if(response != "")
{
document.getElementById('tyre_pressure_results').innerHTML = response;
}
else
{
document.getElementById('tyre_pressure_results').innerHTML = "No tyre pressure results available for that registration plate number.";
}
}
else
{
alert("Registration plate number must be greater than six characters in length, less than eight characters in length and alphanumerical.");
}
}
</script>
