wrapping a function

Greenhorn

Posts: 5

posted 6 years ago

I have created a form and with the submit button I can enter the numeric data but I also want to add another function to it which would be run when I click the same button. I would like to ask if there is any way I can wrap up the query function in the same submit button and run it. Thanking you in advance.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title Please</title>
<script> 
function query() { 
    var UPX = document.getElementById('num1')
	var UPY = document.getElementById('num2')
	var LWX = document.getElementById('num3')
	var LWY = document.getElementById('num4')
	window.open("http://localhost:8080/geoserver/wfs?VERSION=1.0.0&REQUEST=GetFeature&SERVICE=WFS&TYPENAME=tasmania_state_boundaries&crs=EPSG:4326&BoundingBox=UPX.value,UPY.value,LWX.value,LWY.value") 
} 
</script>
</head>

<body bgcolor="#FF9900" >
<h1> Please Fill the number</h1>
<br />
<hr />
<form method="GET"  name="sampleForm" 
      onsubmit="return validateForm(this)">
<br>
<hr color="#333333" />
Upper Left X Co-ordinate: <input type="text" id="num1" name="num1" onchange= "isNumeric(document.getElementById('num1'), 'Please Enter number only')"  /><br />
Upper Left Y Co-ordinate: <input type="text" id="num2" name="num2"  onchange="isNumeric(document.getElementById('num2'), 'Please Enter number only')"/><br />
Lower Right X Co-ordinate: <input type="text" id="num3" name="num3"  onchange="isNumeric(document.getElementById('num3'), 'Please Enter number only')"/><br />
Lower Right Y Co-ordinate: <input type="text" id="num4" name="num4"  onchange="isNumeric(document.getElementById('num4'), 'Please Enter number only')"/><br />
<hr />
<input type="submit" onclick="return validateForm(this)"/>
<input type="button" name="query" value="query" onclick="query()">
</form>
</body>
<script language="javascript">
function isNotEmpty(elem) {
  var str = elem.value;
    var re = /.+/;
    if(!str.match(re)) {
        alert("Please fill in the required field.");
        setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
        return false;
    } else {
        return true;
    }
}

function isNumeric(a, helperMsg)
{
var numericExpression = /^-?\d*\.?\d*$/;
if(a.value.match(numericExpression))
{
return true;
}else
{
alert(helperMsg);
a.focus();
return false;
}
}

function validateForm(form)
{
    if (isNotEmpty(form.num1)) 
	{
        if (isNotEmpty(form.num2))
		{
            if (isNotEmpty(form.num3))
			{
                if (isNotEmpty(form.num4))
				{
                    
                            return true;
                        }
                    }
                }
            }
         
    return false;
}
</script>

</html>

wrapping a function

Similar Threads