Mateusz Grauman, grupa 3, 137290 12.05.2013
Rozwój aplikacji internetowych w medycynie
Praca domowa nr 2
1. Kod mojej strony HTML:
<html>
<head>
<title>AJAX</title>
<script type='text/javascript' src='sprawdzanie.js'></script>
</head>
<body>
<center>
<h1>AJAX - praca domowa nr 2</h1>
<p>Kod pocztowy:
<input type="text" name="username"
onblur="javascript:testCodeAJAX(this.value)">
</p>
<div id="status"></div>
</center>
</body>
</html>
2. Kod Javascript:
function testCodeAJAX(ucode)
{
if(window.XMLHttpRequest)
{
ajax=new XMLHttpRequest();
}
ajax.onreadystatechange=function()
{
if(ajax.readyState==4 && ajax.status==200)
{
document.getElementById("status").innerHTML=ajax.responseText;
}
}
var url="http://localhost/sprawdzanie.php?code="+ucode;
ajax.open("GET",url,true);
ajax.send();
}
3. Kod serwera - PHP
<?php
function testCode($code)
{
//test - sprawdzanie poprawności kodu pocztowego jako CC-CCC, gdzie C to
cyfra
$test="/^([0-9]{2})(-[0-9]{3})?$/i";
if(strlen($code)==6)
{
if(preg_match($test,$code))// porównywanie wzorca z ciągiem znaków
{
return "<p style=\"font-size:120%;font-
weight:bold;color:#0000FF;\">Kod poprawny</p>";
}
else
{
return "<p style=\"font-size:120%;font-
weight:bold;color:#FF0000;\">Kod niepoprawny</p>";
}
}
else
{
return "<p style=\"font-size:120%;font-
weight:bold;color:#FF0000;\">Kod niepoprawny</p>";
}
}
$status=testCode($_REQUEST["code"]);
echo $status;
?>