首頁猿問這是我寫的一個注冊頁面...

這是我寫的一個注冊頁面帶JS驗證的出了點問題詳細在下面

Java JavaScript

frank_mojito 2017-05-19 19:06:43

這是我寫的一個注冊頁面帶JS驗證的 ?問題就是不管怎樣總是能提交為什么?。緼JAX那里用來驗證郵箱是否重復(fù) 重復(fù)則把輸入框置空，這樣點擊提交還是返回FALSE，但是不管怎樣就是能提交，我什么都不填也能跳，為什么?。?？用了點BOOTSTRAP的框架，但是這只是樣式應(yīng)該沒影響??？<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>? <head>? ? <base href="<%=basePath%>">? ??? ? <title>My JSP 'register.jsp' starting page</title>? ?? <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> ? ? <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script type="text/javascript" src="bootstrap/jquery-3.2.1.min.js" ></script> <script type="text/javascript" src="bootstrap/bootstrap.min.js" ></script> <link rel="stylesheet" href="bootstrap/bootstrap.min.css" /> <script type="text/javascript"> function checkEmail(){ ? ? ?var userEmail = ?document.getElementById("uEmail").value; ? ? ?var ets = document.getElementById("emailts"); ? ? ?if(!isEmail(userEmail)){ ? ? ? ? ?ets.innerHTML ="郵箱格式不正確!"; ? ? ? ? ?ets.style.color="red"; ? ? ? ? ?return false; ? ? ?}else{ ? ? ets.innerHTML = ""; ? ?}? ? ?var j = 0; ? ?$.post("/mydemo/servlet/UserServlet",{"userEmail":userEmail,"action":"registerV"}, ? ?function(data){ ? ? if(data == "emailExist"){ ? ? ? ets.innerHTML = userEmail+"已經(jīng)被注冊"; ? ? ? ets.style.color="red"; ? ? ? document.getElementById("uEmail").value = null; ? ? ets.innerHTML ='郵箱已被注冊!'; ? ? ? ? ? ets.style.color='red';? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? } ? ?}); ? ?ets.innerHTML ="郵箱可以使用!"; ? ? ?ets.style.color="green"; ? ? ?return true; ? } ? function checkPass(){ ? ? ?var userPass = ?document.getElementById("uPass").value; ? ? ?? ? ?var pts = document.getElementById("passts"); ? ? ? ? ? ?if(userPass.length<6 || userPass.length >15) ? ? ? ?{ ? ?? ? ? ? ?pts.innerHTML ="密碼長度須在6-15之間!"; ? ? ? ? ?pts.style.color="red"; ? ? ? ? ?return false; ? ? ?} ? ? ?pts.innerHTML ="密碼可以使用!"; ? ? ?pts.style.color="green"; ? ? ?return true; ? } ? function checkRpass(){ ? ? ?var userPass = document.getElementById("uPass").value; ? ? ?var userRPass =document.getElementById("uRPass").value; ? ? ?var prts = ?document.getElementById("passrts"); ? ? ?if (userPass != userRPass) { ? ? ? ? ?prts.innerHTML="兩次密碼輸入不一致!"; ? ? ? ? ?prts.style.color="red"; ? ? ? ? ?return false; ? ? ?} ? ? ?prts.innerHTML ="輸入一致!"; ? ? ?prts.style.color="green"; ? ? ?return true; ? } ? function checkMobile(){ var tel = document.getElementById("tel").value; var telts = document.getElementById("telts"); if(!isMobile(tel)){ ? ? ? ? ?telts.innerHTML ="手機號格式不正確!"; ? ? ? ? ?telts.style.color="red"; ? ? ? ? ?return false; ? ? ?} ? ?telts.innerHTML ="手機號正確!"; ? ? ?telts.style.color="green"; ? ? ?return true; ? } function isEmail(str){ ? ? ?var reg = /[a-z0-9-]{1,30}@[a-z0-9-]{1,65}.[a-z]{3}/; ? ? ?return reg.test(str); ? } ? function isMobile(str) { var reg = /^1\d{10}$/; return reg.test(str); } function register() { if (!checkemail()) { return false; }else if (!checkpass()) { return false; }else if (!checkrpass()) { return false; }else if(!checkMobile){ return false; }else{ return true; } } </script>? </head>??? <body>? <%@include file="header.jsp" %>? ?<div class="container"> <div class="row clearfix"> <div class="col-md-3 column"> </div> <div class="col-md-6 column"> <div class="bg1"> <form ?class="form-horizontal" role="form" action="/mydemo/servlet/UserServlet?action=register" method="post" onsubmit="return register()"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">郵箱：</label> <div class="col-sm-10"> <input type="text" class="form-control btt" id="uEmail" name="email"onblur="checkEmail()"/> <span id="emailts"></span> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">密碼：</label> <div class="col-sm-10"> <input type="password" class="form-control btt" id="uPass" name="pass"onblur="checkPass()"/> <span id="passts"></span> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">確認密碼：</label> <div class="col-sm-10"> <input type="password" class="form-control btt" id="uRPass" onblur="checkRpass()"/> <span id="passrts"></span> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">手機：</label> <div class="col-sm-10"> <input type="text" class="form-control btt" id="tel" name="tel"onblur="checkMobile()"/> <span id="telts"></span> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default btt bttt" >注冊</button> </div> </div> </form> </div> </div> <div class="col-md-3 column"> </div> </div></div>?<%@include file="foot.jsp" %>? </body></html>

查看完整描述

1 回答

已采納

習(xí)慣受傷

TA貢獻885條經(jīng)驗獲得超1144個贊

大致一看很多錯誤，register()里邊，JS是區(qū)分大小寫的，所以：checkemail()=>checkEmail(); checkpass()=>checkPass(); checkrpass()=>checkRPass(); checkMobile=>checkMobile() 等，可能還有其他的問題，仔細點

1 反對回復(fù) 2017-05-20

frank_mojito
eclipse沒有js提示，還真是，方法名寫錯了，這里根本沒想會寫錯的，對了，eclipse有什么好js提示的插件么

回復(fù) 2017-05-28
習(xí)慣受傷
我沒用eclipse寫過JS，寫JS推薦HBuilder或者WebStorm

回復(fù) 2017-05-29