狂奔依旧

导航

JSP 回车提交表单


下面是jsp页面,当输入用户名或密码后,点击回车键,就会通过onkeydown来进行判断,如果是回车键(keycode为13),就会触发后面的keyDown函数

    <form action="${pageContext.request.contextPath }/loginCheck" name="loginForm">
        <div
            style="width: 324px; height: 419px; float: right; margin-top: 53px; margin-right: 40px;">
            <div class="title">代理商登录</div>
            <c:if test="${error != '' and error != null}">
            <div class="errortip">
                <img src="${pageContext.request.contextPath }/resources/front/images/close.jpg" />${error}
            </div>
            </c:if>
            <input type="text" placeholder="手机号/用户名/邮箱" name="uname" id="uname" onkeydown="if(event.keyCode==13) keyDown(event);"/> 
            <input type="text" name="passwd" id="passwd" placeholder="请输入您的密码" onkeydown="if(event.keyCode==13) keyDown(event)"/>
            <div class="Forget">
                <span class="Autologin"> <input type="checkbox"/>&nbsp;自动登录<span>
                        <span class="forgetpass">忘记密码?</span>
            </div>
            <div class="btnlogin"  onclick="submitForm();">登录</div>
            <div class="register">立即注册代理商</div>
        </div>
        </form>

 

 

下面是JavaScript代码

<script type="text/javascript">
    function submitForm(){
        var f=document.loginForm;
        if (f.uname.value == "") {  
            alert("帐号必须输入");  
            return;  
        }  
        if (f.passwd.value == "") {  
            alert("密码必须输入");  
            return;  
        }  
        f.submit();
    }
    function keyDown(e){
     var ev =window.event||e; //这样写是为了兼容FireFox和IE,因为IE的onkeydown在FF中不起作用,这一行可以注掉了,没有什么用了
     var f=document.loginForm;
     if (f.uname.value == "") {  
         alert("帐号必须输入");  
         return;  
     }  
     if (f.passwd.value == "") {  
         alert("密码必须输入");  
         return;  
     }  
      
       f.submit();
       
     }
</script>

 

posted on 2015-05-27 16:14  小学生李某  阅读(254)  评论(0)    收藏  举报