你可以使用formValidator.js，专门做表单验证的，效果如下：
用法很简单，引用formValidator.js的核心类库，然后初始化$.formValidator.initConfig({formid: "main",debug:false,submitOnce : true})
然后对要做校验的文本框编写校验代码
$("#employeeNo").formValidator({onshow : "输入范围为1到10个字符",
onfocus : "输入范围为1到10个字符",oncorrect : " "}).inputValidator({
min: 1, max: 10, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到10个字符"})
$("#employeeName").formValidator({onshow : "输入范围为1到40个字符",
onfocus : "输入范围为1到40个字符",oncorrect : " "}).inputValidator({
min: 1, max: 40, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到40个字符"})
在后面对应的<div id="employeeNoTip"></div>显示提示语
formValidator.js这个网上有很多实例和教程，很简单的
这个是文本框的<input />在这里面使用一个onblur()事件这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的
<input />可以跟一个div或者span
<span id="error" class="red">XXXXXXXX</span>这种标签
onblur()函数文本框的值判断
基本上就是这些
blur()
输入框定义onclick onblur事件，打入一个字，或词组触发Javascript方法，javascript方法中用Ajax请求数据库匹配 like %你输入的字%，有匹配则返回给JS，JS再把其放到页面的适合位置
