JSP如何实现,根据数据库内容验证登录信息是否存在

0 0

JSP如何实现,根据数据库内容验证登录信息是否存在10

<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开发，所以会有一些地方不太懂，所以请回答的时候说详细一些。非常感谢。

2012年12月17日 11:44

shijiong1989
8
0 0 4

采纳的答案

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>

2012年12月17日 12:01

zw
185
0 0 10

7条评论

0 0

这个呢还是自己写一个吧通常都是用的ajax

2012年12月18日 18:19

highfly-s
25
0 0 0

添加评论

0 0

这个是需要用到ａｊａｘ的，知道很重要，可是还没有用得太好呢

2012年12月17日 21:09

商人shang
2
0 1 9

添加评论

0 0

这个是需要用到ａｊａｘ的，知道很重要，可是还没有用得太好呢

2012年12月17日 21:07

商人shang
2
0 1 9

添加评论

0 0

建议使用jquery的异步验证方式：
$.("#blockName").blur(function(){//给那个输入框注入一个焦点离开事件
$.ajax({
url:"voidlate.action",//后台验证的方法，自定义
data:{"blockName":$("#blockName").val()},//后台要生成一个blockName的属性并生成set和get方法
type:"post",提交方式
success:function(data){
   if(data){
     //不能这样做
     }else{
     //可以这样做
     }

   }
});

});