对用户输入的数据进行合法性检查，避免错误非法的数据进入数据库，这是业务系统最常见的需求。在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=document.getElementById(name);//通过document.getElementById，id就是input的id，获取用户名文本框
varsp=document.getElementById(sp_name);//获取用户名文本框后的span块标签
if(!txt.value){
//alert(账号是必填项！);
sp.className=spanErr;
sp.innerHTML=×用户名是必填项！;//用innerHTML改变span标签的内容
returnfalse;
}
if(txt.value.length3){
//alert(账号至少三个字符！);
sp.className=spanErr;
sp.innerHTML=×用户名至少三个字符！;
returnfalse;
}
for(vari=0;itxt.value.length;i++){
varch=txt.value.toLowerCase().charAt(i);//转换小写后取出每个字符，是否满足范围大小写字母均可
//alert(ch);
if(!(ch=ach=z)){
sp.className=spanErr;
sp.innerHTML=×用户名必须是纯字母！;
returnfalse;
}
}
sp.className=spanOK;
sp.innerHTML=√可以使用;
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是一种严格的面向对象的程序设计语言，常用于开发基于Internet的应用程序。JavaScript是一种脚本语言，常用于网页中增强交互性和页面效果，以及进行数据校验等。Java是Sun公司的产品，而JavaScript是Netscape公司推出的，二者没有任何血缘关系。
JavaScript与Java在应用上确实有一定的联系，但它们并不像我们想象的那样联系紧密，JavaScript与java虽然都可以应用于网页设计，但它们的确有太大的区别，根本就是两种语言!
Web开发初期不一定要特别精通JavaScript，但必须了解常用的语法规范，知道它是什么，作用是什么，怎么用。
赞赞赞
赞赏
人赞赏
哪里能治好白癜风白癜风初期症状有哪些