问题描述
<form action="${ctx }/add/addBlock.do" name="addBlock" method="post"><ul class="addUl"><li class="addLi1">版块名称:</li><li class="addLi2"><input name="blockName" id="blockName" maxlength="15" /></li></ul><ul class="addUl"><li class="addLi1">客户代码:</li><ul class="addUl"><li class="addLi1"><input type="reset" value="重填" /></li><li class="addLi2"><input type="submit" value="提交" /></li></ul></form> 怎样在界面中加入一个JS的功能，当光标离开版块名称这个输入栏后，就会自动验证数据库里是否存在这个内容，如果存在就在提示不能这样做。本人才学习的WEB开发，所以会有一些地方不太懂，所以请回答的时候说详细一些。非常感谢。
解决方案
1.在<input name="blockName" id="blockName" maxlength="15" /> 标签中加上onblur事件; 如：onblur="validBlockName(this.value)"2.编写ajax代码：<script type="text/javascript" language="javascript"> var xmlhttp; function validBlockName(value){ if(window.ActiveXObject){ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); } var url = ajaxUrl + "?blockName=" + value; xmlhttp.open("GET",url,true); xmlhttp.onreadystatechange = callback; xmlhttp.send(null); } function callback(){ if (xmlhttp.readyState == 4){ if (xmlhttp.status == 200){ if(xmlhttp.responseText == "true"){ //如果存在 } else{ //如果不存在 } } } } </script>
解决方案二：
这个呢还是自己写一个吧 通常都是用的ajax
解决方案三：
这个是需要用到ａｊａｘ的，知道很重要，可是还没有用得太好呢
解决方案四：
这个是需要用到ａｊａｘ的，知道很重要，可是还没有用得太好呢
解决方案五：
建议使用jquery的异步验证方式：$.("#blockName").blur(function(){//给那个输入框注入一个焦点离开事件$.ajax({ url:"voidlate.action",//后台验证的方法，自定义 data:{"blockName":$("#blockName").val()},//后台要生成一个blockName的属性并生成set和get方法 type:"post",提交方式 success:function(data){ if(data){ //不能这样做 }else{ //可以这样做 } }});});
解决方案六：
力推：jquery validate 验证参见连接：http://blog.csdn.net/kebing1990/article/details/6792913