en_client.html 3.99 KB
<!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" xml:lang="el-gr" lang="el-gr" >

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css.css" />
<title>WiSmart Wireless Settings</title>

<script>
function validateForm(){

	var networkName = document.forms["clientParametersForm"]["networkName"].value;
	var securityType = document.forms["clientParametersForm"]["securityType"].value;
	var passphrase = document.forms["clientParametersForm"]["passphrase"].value;

	if ((networkName.length < 1)||(networkName.length > 32)){
		document.getElementById('formError').innerHTML = "&lt;Network name&gt; must be between 1 and 32 characters long, please input again!";
		return false;}
	/*if ((securityType=="wpa") && ((passphrase.length < 8) || (passphrase.length > 64))){
		document.getElementById('formError').innerHTML = "WPA/WPA2 &lt;Security Key&gt; must be between 8 and 64 characters long, please input again!";
		return false;}*/
	if ((securityType=="wep1") && (passphrase.length != 5 && passphrase.length != 10 && passphrase.length != 13 && passphrase.length != 26) ){
		document.getElementById('formError').innerHTML = "WEP &lt;Security Key&gt; must be 5 or 13 characters long (10 or 26 characters if HEX format is used), please input again!";
		return false;}
	if (securityType=="open" && passphrase.length != 0 ){
		document.getElementById('formError').innerHTML = "&lt;Security Key&gt; must be empty when Open encryption is used!";
		return false;}
}
</script>

</head>
 
<body>
<div>
<img class="logo" src="logo.png" alt="logo" />
<div class="cleaner"></div>
</div>
<div id="header">
<div class="bigFont">WiSmart Wireless Settings</div>
</div>

<div id="menu">
	<div class="menuItem"><a href="en_index.html">Home</a></div>
	<div class="menuItem"><a href="en_client.html">Client mode configuration (Manual)</a></div>
	<div class="cleaner"></div>
</div>

<div id="main">
<div class="form">
	<div class="formCaption">
	Client mode configuration
	</div>
	
	<div class="formMain">
		<div class="formMain">
		<div class="formError" id='formError'></div>
			<form name="clientParametersForm" action="en_clientParams" onsubmit="return validateForm()" method="get">
			<div class="formSection">1. Enter Network Name</div>
			<div class="formLabel">Network Name:</div>
			<div class="formText"><input class = "inputText" type="text" name="networkName" value=""/></div>
			
			<div class="formSection">2. Select Security Type</div>
			<div class="formLabel">Security Type:</div>
			<select class="comboBox" name="securityType">
				<option value="open">Open</option>
				<option value="wpa">WPA / WPA2</option>
				<option value="wep1">WEP</option>

			</select>
			
			<div class="formSection">3. Enter Security Key</div>
			<div class="formLabel">Security Key:</div>
			<div class="formText"><input class = "inputText" type="text" name="passphrase"/></div>
			
			<div class="formSection">4. Enter RADIUS User (Optional)</div>
			<div class="formLabel">User:</div>
			<div class="formText"><input class = "inputText" type="text" name="radUser"/></div>
			
			<div class="formSection">5. Enter RADIUS Password (Optional)</div>
			<div class="formLabel">Password:</div>
			<div class="formText"><input class = "inputText" type="text" name="radPass"/></div>

			<div class="formSection">5. Enter Geometrical Coordinates</div>
			<div class="formLabel">Coordinates:</div>
			<div class="formText"><input class = "inputText" type="text" name="geoloc"/></div>
			
			<div class="formSection"></div>
			<div class="formLabel"></div>
			<div class="formButton"><input class = "inputButton" type="submit" value="Apply Settings"/></div>
			<div class="cleaner"></div>
			</form> 

		</div>
	</div>
</div>
</div>

<div id="footer">
<div class="medFont">Copyright&copy;2013</div>
</div>

</body>


</html>