<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrapValidator.css"> <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script> <body> <div class="container"> <div class="row clearfix"> <div class="col-md-6 column"> <!-- onsubmit="isPoneAvailable()" --> <form name="form1" class="form-horizontal" action="${pageContext.request.contextPath}/user/insert.do" method="post" role="form" onsubmit="return fmsub()"> <div class="form-group"> <label for="inputEmail1" class="col-sm-2 control-label">姓名</label> <div class="col-sm-10"> <input width="80px;" type="text" class="form-control" id="name" name="name" /> <font color="red" id="msgname">${msgname}</font> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">密碼</label> <div class="col-sm-10"> <input type="password" class="form-control" id="password" name="password" /> <font color="red" id="msgpassword">${msgpassword}</font> </div> </div> <div class="form-group"> <label for="inputEmail2" class="col-sm-2 control-label">聯系方式</label> <div class="col-sm-10"> <input type="text" class="form-control" id="phone" name="phone" /> <font color="red" id="msgphone">${msgphone}</font> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">我的職位：</label> <div class="col-sm-10"> <select class="form-control" style="width: 300px" id="type" name="type" onChange="set_pt(this, this.form.pt);"> <option value="0">請選擇...</option> <option value="admin">admin</option> <option value="員工">員工</option> <option value="上海倉">上海倉</option> <option value="北京倉">北京倉</option> <option value="山東倉">山東倉</option> <option value="浙江倉">浙江倉</option> <option value="安徽倉">安徽倉</option> <option value="福建倉">福建倉</option> <option value="江西倉">江西倉</option> <option value="廣東倉">廣東倉</option> <option value="廣西倉">廣西倉</option> <option value="海南倉">海南倉</option> <option value="湖北倉">湖北倉</option> <option value="天津倉">天津倉</option> <option value="河北倉">河北倉</option> <option value="山西倉">山西倉</option> <option value="內蒙古倉">內蒙古倉</option> <option value="青海倉">青海倉</option> <option value="陝西倉">陝西倉</option> <option value="甘肅倉">甘肅倉</option> <option value="四川倉">四川倉</option> <option value="雲南倉">雲南倉</option> <option value="重慶倉">重慶倉</option> <option value="吉林倉">吉林倉</option> <option value="黑龍江倉">黑龍江倉</option> </select> <font color="red" id="msgtype">${msgtype}</font> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">所屬上級：</label> <div class="col-sm-10"> <select class="form-control" style="width: 300px" id="pt" name="pt"> <option value="0">請選擇...</option> </select> <font color="red" id="msgpt">${msgpt}</font> </div> </div> <button type="submit" class="btn btn-default">添加</button> </form> </div> <div class="col-md-6 column"></div> </div> </div> </body> <script> //對input中數據進行判斷 function fmsub(){ var name = $("#name").val(); console.log(name); var phone = $("#phone").val(); var password = $("#password").val(); var type = $("#type").val(); var pt = $("#pt").val(); var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; if (name == null || name == "") { document.getElementById("msgname").innerHTML = "*姓名不能為空"; return false; } if (password == null || password == "") { document.getElementById("msgpassword").innerHTML = "*密碼不能為空"; return false; } if (phone == null || phone == "") { document.getElementById("msgphone").innerHTML = "*手機號碼不能為空"; return false; } if (!myreg.test($("#phone").val())) { document.getElementById("msgphone").innerHTML = "*請填寫正確的11位手機號"; return false; } if (type == 0) { document.getElementById("msgtype").innerHTML = "*請輸入當前職位"; return false; } if (type != "admin") { if (pt== 0) { document.getElementById("msgpt").innerHTML = "*請輸入所屬上級"; return false; } } } /*二級下拉列表*/ cities = new Object(); cities['admin'] cities['員工'] = new Array('北京倉', '山東倉', '浙江倉', '安徽倉', '雲南倉', '江西倉', '廣東倉', '廣西倉', '海南倉', '湖北倉', '天津倉', '河北倉', '山西倉', '內蒙古倉', '吉林倉', '青海倉', '陝西倉', '甘肅倉', '重慶倉', '四川倉', '黑龍江倉','上海倉'); cities['北京倉'] = new Array('admin'); cities['山東倉'] = new Array('admin'); cities['浙江倉'] = new Array('admin'); cities['安徽倉'] = new Array('admin'); cities['雲南倉'] = new Array('admin'); cities['江西倉'] = new Array('admin'); cities['廣東倉'] = new Array('admin'); cities['廣西倉'] = new Array('admin'); cities['海南倉'] = new Array('admin'); cities['湖北倉'] = new Array('admin'); cities['河北倉'] = new Array('admin'); cities['山西倉'] = new Array('admin'); cities['內蒙古倉'] = new Array('admin'); cities['吉林倉'] = new Array('admin'); cities['青海倉'] = new Array('admin'); cities['陝西倉'] = new Array('admin'); cities['甘肅倉'] = new Array('admin'); cities['重慶倉'] = new Array('admin'); cities['四川倉'] = new Array('admin'); cities['黑龍江倉'] = new Array('admin'); cities['上海倉'] = new Array('admin'); function set_pt(type, pt) { var pv, cv; var i, ii; pv = type.value; cv = pt.value; pt.length = 1; if (pv == '0') return; if (typeof(cities[pv]) == 'undefined') return; for (i = 0; i < cities[pv].length; i++) { ii = i + 1; pt.options[ii] = new Option(); pt.options[ii].text = cities[pv][i]; pt.options[ii].value = cities[pv][i]; } } </script> <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script> </html>