JavaWeb开发之(10)_用户注册功能
对用户输入的数据进行合法性检查，避免毛病非法的数据进入数据库，这是业务系统最常见的需求。在web系统中，用户在页上录入了某些数据后，系统会检查输入值是不是满足一定的规则。一般大体分前台校验和后台校验。
前台校验不需要服务器返回数据的选项，例如密码为空啊，邮箱不合法啊，但是也需要后台校验，例如用户名重复校验，必须提交后台查询数据库，返回是不是重复。原则就是能前台JS校验的就前台校验，一来快捷，二来减少服务器的压力。一个完全的项目通常是前台校验和后台校验配合使用。
JS简介JS就是JavaScript，一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个运用）页上使用，用来给HTML页增加动态功能。
1.添加毛病提示标签
在用户名的input标签以后添加代码：spanid=sp_nameclass=spanErr/span
2.添加提交前验证
增加form表单，设置onsubmit=returnfname()，表示点击提交前会进入JavaScript方法fname()里进行处理校验，处理完成后通过form的action进入相应的servlet到后台。
3.增加验证结果样式
样式用style标签，写在head标签里，type是text/css。
其中.spanErr是样式的命名，表示输入毛病时提示信息的样式，{color:red表示字体色彩为红色;font-size:10px;表示字体大小}，具体如图：
4.编写JavaScript代码
JavaScript代码写在script标签里，type是text/JavaScript。，script标签写在head标签里，在style以后添加。
新增fname()方法，方法的的名字是由自己命名，然后编写验证代码。具体代码以下：
scripttype=text/JavaScript
//用户名文本框验证
functionfname(){
vartxt=tElementById(name);//通过tElementById，id就是input的id，获得用户名文本框
varsp=tElementById(sp_name);//获得用户名文本框后的span块标签
if(!lue){
//alert(账号是必填项！);
assName=spanErr;
nerHTML=×用户名是必填项！;//用innerHTML改变span标签的内容
returnfalse;
}
if(ngth3){
//alert(账号最少三个字符！);
assName=spanErr;
nerHTML=×用户名最少三个字符！;
returnfalse;
}
for(vari=0;ngth;i++){
varch=LowerCase().charAt(i);//转换小写后取出每一个字符，是不是满足范围大小写字母都可
//alert(ch);
if(!(ch=ach=z)){
assName=spanErr;
nerHTML=×用户名必须是纯字母！;
returnfalse;
}
}
assName=spanOK;
nerHTML=√可以使用;
returntrue;
}
/script
以上代码中可以看到alert()方法，alert是HTMLDOM中用到了一种脚本语言，它的中文意思是提示。它是JavaScript或VBscript脚本语言中窗口window对象的一个经常使用方法;其主要用法就是在你自己定义了一定的函数以后，通过履行相应的操作，所弹出对话框的语言。并且alert对话框通常用于一些对用户的提示信息。
调试进程中，可在以上代码中去掉注释调试就明白啦！
5.启动工程调试
A．用不输入用户名，然后提交，验证结果应当以下：
B．用2位字符“aa”验证，结果应当以下：
C.用数字字符等组合的用户名验证，如s2W*，结果应当以下：
D.用符合要求的用户名去验证，如：yuanyuan，结果应该是验证成功，链接跳入servlet进入后台。
由于我们还没有配置注册的RegisterServlet，所以跳转的页面是，等我们以后章节配好以后，就会正常显示，具体也参考之前登陆Servlet的编写进程。从图示链接可以看到，前台的验证已成功，链接已跳转至后台servlet。
用户名的前台校验就暂时完成了哦，可以根据不同的需求完成不同验证结果，想要甚么验证效果，通过络搜索JS+“效果”去找资源，应用到自己的代码里。像密码校验，邮箱校验等等。
初学JavaWeb的童鞋一般都会弄混JavaScript与Java有甚么区分，乃至有人误认为JavaScript就是Java。
Java是一种严格的面向对象的程序设计语言，经常使用于开发基于Inter的应用程序。JavaScript是一种脚本语言，常用于页中增强交互性和页面效果，和进行数据校验等。Java是Sun公司的产品，而JavaScript是Netscape公司推出的，两者没有任何血缘关系。
JavaScript与Java在应用上确切有一定的联系，但它们并不像我们想象的那样联系紧密，JavaScript与java虽然都可以应用于页设计，但它们的确有太大的区分，根本就是两种语言!
Web开发早期不一定要特别精通JavaScript，但必须了解经常使用的语法规范，知道它是甚么，作用是什么，怎样用。
赞赞赞
赞美
人赞美
治疗白癜风的药物皮肤白癜风的治疗方法