shijiong1989
2012-12-17 11:44
浏览 288

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

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

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • chawei784533 2012-12-17 12:01
    已采纳

    1.在 标签中加上onblur事件; 如:onblur="validBlockName(this.value)"

    2.编写ajax代码:

    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{ //如果不存在 } } } }
    打赏 评论
  • iteye_5246 2012-12-17 11:50

    力推:jquery validate 验证
    参见连接:
    [url]http://blog.csdn.net/kebing1990/article/details/6792913[/url]

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

    }
    });

    });

    打赏 评论
  • 孤独人生 2012-12-17 21:07

    这个是需要用到ajax的,知道很重要,可是还没有用得太好呢

    打赏 评论
  • 孤独人生 2012-12-17 21:09

    这个是需要用到ajax的,知道很重要,可是还没有用得太好呢

    打赏 评论
  • 孤长风 2012-12-18 18:19

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

    打赏 评论

相关推荐 更多相似问题