salve a tutti
allora, ho creato un form che è ancora in fase di sistemazione. nel form il campo username è dotato del sistema, come lo chiamo io, verifica disponibilità user e fin qui non ci sono problemi dato che funziona alla grande. però io vorrei rendere obbligatori anche gli altri campi in esso ossia i campi email,password e conferma password ma non so proprio come sistemare il codice javascript! qualcuno può aiutarmi ?
questo è il codice di tutto il form:
Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>An AJAX Username Verification Tool</TITLE>
<META NAME="Keywords" CONTENT="form, username, checker">
<META NAME="Description" CONTENT="An AJAX Username Verification Script">
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<SCRIPT type="text/javascript">
pic1 = new Image(16, 16);
pic1.src = "loader.gif";
$(document).ready(function(){
$("#username").change(function() {
var usr = $("#username").val();
if(usr.length >= 3)
{
$("#status").html('[img]loader.gif[/img]Checking availability...');
$.ajax({
type: "POST",
url: "check.php",
data: "username="+ usr,
success: function(msg){
$("#status").ajaxComplete(function(event, request, settings){
if(msg == 'OK')
{
$("#username").removeClass('object_error'); // if necessary
$("#username").addClass("object_ok");
$(this).html('[img]tick.gif[/img]<font color="green">Disponibile</font>');
}
else
{
$("#username").removeClass('object_ok'); // if necessary
$("#username").addClass("object_error");
$(this).html(msg);
}
});
}
});
}
else
{
$("#status").html('[img]http://images.findicons.com/files/icons/1687/free_web_design/16/sign_warning.png[/img]<font color="#E69100">Username troppo corto. inserisci almeno [b]3[/b] caratteri</font>');
$("#username").removeClass('object_ok'); // if necessary
$("#username").addClass("object_error");
}
});
});
//-->
</SCRIPT>
</HEAD>
<BODY>
<center>
<form>
<table border="0">
<tr>
<td width="200"><div align="right">Username:</div></td>
<td width="100"><input id="username" size="20" type="text" name="username"></td>
<td width="400" align="left"><div id="status"></div></td>
</tr>
<tr>
<td width="200"><div align="right">Email:</div></td>
<td width="100"><input id="email" size="20" type="text" name="email"></td>
<td width="400" align="left"><div id="status"></div></td>
</tr>
<tr>
<td width="200"><div align="right">Password:</div></td>
<td width="100"><input size="20" type="text" name="password"></td>
<td width="400" align="left"><div id="status"></div></td>
</tr>
<tr>
<td width="200"><div align="right">Conferma Password:</div></td>
<td width="100"><input size="20" type="text" name="conferma"></td>
<td width="400" align="left"><div id="status"></div></td>
</tr>
</table>
</form>
</div>
</center>
</BODY>
</HTML>