<!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> </head> <body> 用户注册 <!--为表单上个onsubmit属性，是因为但用户点击提交按钮的时候，跑完这个check()函数再提交这个表单--> <form action="xajxregsuc.php" method="post" onsubmit="return check()"> <!--但用户名的输入框失去焦点时，也就是用户输入完成，光标离开这个输入框的时候，马上调用xajax中的check函数，带过去的值就是本输入框的内容--> 用户名：<input type="text" onblur="xajax_check(this.value);" /><br /> 密码：<input type="password" /><br /> <!--确认密码这里调用下面的javascript检查即可--> 请再次输入密码:<input type="password" onchange="check()"/><br /> <input type="submit" value="注册" disabled /> </form> </body> </html> <script> function check() { var check = false; var password = document.getElementById("password").value; var pwdc = document.getElementById("passwordconfirm").value; if (password != pwdc) { alert("两次输入密码不一致"); check = false; } else { check = true; } return check; } </script>
至此整个注册系统就完成。
四、展望
这个注册系统还是存在缺陷的，首先，涉及数据库操作的第一个处理框，没有进行有害sql注入语句的过滤，并且所有的处理框，输入乱七八糟的字符都是可以放行甚至在密码处理框，不输入密码也是放行的，这些小细节如果是对于一个要运行在网络的web系统，必须对其完善。