魏桥/jbox/WebRoot/platpage/registerPurchaser.html

最新推荐文章于 2024-09-12 16:16:31 发布

lixiaopeng2012

最新推荐文章于 2024-09-12 16:16:31 发布

阅读量401

点赞数

本文链接：https://blog.csdn.net/lixiaopeng2012/article/details/56673840

版权

<!DOCTYPE html>
<html>
<head>
<#assign serTag= newTag("areaTag")> <#assign newtb = serTag()>
<title>采购方注册</title>
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<link href="css/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../platpage/js/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" href="../plug-in/login/css/login.css" type="text/css" />
<style type="text/css">
.pwd_table {
width: 40%;
margin-left: 130px;
margin-top: 3px;
display: none;
}

.pwd {
width: 40px;
height: 20px;
line-height: 14px;
padding-top: 2px;
}

.pwd_f {
color: #BBBBBB;
}

.pwd_c {
background-color: #F3F3F3;
border-top: 1px solid #D0D0D0;
border-bottom: 1px solid #D0D0D0;
border-left: 1px solid #D0D0D0;
}

.pwd_Weak_c {
background-color: #FF4545;
border-top: 1px solid #BB2B2B;
border-bottom: 1px solid #BB2B2B;
border-left: 1px solid #BB2B2B;
}

.pwd_Medium_c {
background-color: #FFD35E;
border-top: 1px solid #E9AE10;
border-bottom: 1px solid #E9AE10;
border-left: 1px solid #E9AE10;
}

.pwd_Strong_c {
background-color: #3ABB1C;
border-top: 1px solid #267A12;
border-bottom: 1px solid #267A12;
border-left: 1px solid #267A12;
}

.pwd_c_r {
border-right: 1px solid #D0D0D0;
}

.pwd_Weak_c_r {
border-right: 1px solid #BB2B2B;
}

.pwd_Medium_c_r {
border-right: 1px solid #E9AE10;
}

.pwd_Strong_c_r {
border-right: 1px solid #267A12;
}
</style>
</head>

<body>
<#include 'header.html' />

<div class="login">
<div class="login-con">
<div class="login-a" style="background-image:url('');text-align:center;">
<form action="${newtb.contextpath}/supplierController.do?submitPurchaser" method="post" id="loinForm" class="form-horizontal"
role="form">
<input type="hidden" id="territoryid" name="territoryid" value="" />
<div class="login-b" style="float:none;margin:auto;">
<div class="login-b-a" style="margin-top:30px;">采购方注册</div>
<div class="login-b-b">
<ul>
<li><span class="Validform_checktip"><font style="color: red">*</font></span> <label for="departName">公司名称:
</label> <input id="departName" name="departName" class="form-control" οnblur="vaildDepartName()"
οnkeyup="vaildDepartName()" />
<h1 id="_departName"></h1></li>
<li><span class="Validform_checktip"><font style="color: red">*</font></span> <label for="realName">联  系  人:
</label> <input id="realName" name="realName" class="form-control" οnblur="vaildRealName()" οnkeyup="vaildRealName()" />
<h1 id="_realName"></h1></li>
<li><span class="Validform_checktip"><font style="color: red">*</font></span> <label for="mobilePhone">手机号码:
</label> <input id="mobilePhone" name="mobilePhone" class="form-control" οnblur="vaildMobilePhone()"
οnkeyup="vaildMobilePhoneUp()" />
<h1 id="_mobilePhone"></h1></li>
<li><label for="email">  邮       箱: </label> <input id="email"
name="email" class="form-control" οnblur="vaildEmail()" οnkeyup="vaildEmailUp()" />
<h1 id="_email"></h1></li>
<li><span class="Validform_checktip"><font style="color: red">*</font></span> <label for="territoryid">所属区域:
</label> <select class="input-text" id="0" name="0" datatype="*" οnchange="changeEmpl(this)">
<option value="">请选择</option> <#list newtb.territoryList as i>
<option value="${i.id}">${i.territoryName}</option> </#list>
</select> <select class="input-text" id="1" name="1" datatype="*" οnchange="changeEmpl(this)">
<option value="">请选择</option>
</select> <select class="input-text" id="2" name="2" datatype="*" οnchange="changeEmpl(this)">
<option value="">请选择</option>
</select> <select class="input-text" id="3" name="3" datatype="*" οnchange="setvalue(this)">
<option value="">请选择</option>
</select>
<h1 id="_territoryid"></h1></li>
<li><span class="Validform_checktip"><font style="color: red">*</font></span> <label for="chooseType">采购类别:
</label> <input id="typeName" name="typeName" type="text" readonly="readonly" class="inputxt" datatype="*" value="">
<a id="btn_chooseType" οnclick="choosePType()" href="#" class="easyui-linkbutton">选择</a> <a id="btn_chooseType"
οnclick="callbackClean()" href="#" class="easyui-linkbutton">清空</a> <input id="typeIds" name="typeIds"
type="hidden" value="">
<h1 id="_typeName"></h1></li>
<li><span class="Validform_checktip"><font style="color: red">*</font></span> <label for="userName">管理账号:
</label> <input id="userName" class="form-control" name="userName" οnblur="vaildUserName()" οnkeyup="vaildUserName()" />
<h1 id="_userName"></h1></li>
<li><span class="Validform_checktip"><font style="color: red">*</font></span> <label for="password">密
      码:</label> <input type="password" class="form-control" name="password"
maxlength="16" id="password" οnblur="vaildPassword()" οnkeyup="vaildPassword()" />
<h1 id="_password"></h1>
<table border="0" cellpadding="0" cellspacing="0" id="pwd_table" class="pwd_table">
<tr align="center">
<td id="pwd_Weak" class="pwd pwd_c"></td>
<td id="pwd_Medium" class="pwd pwd_c pwd_f">无</td>
<td id="pwd_Strong" class="pwd pwd_c pwd_c_r"></td>
</tr>
</table></li>

<li><span class="Validform_checktip"><font style="color: red">*</font></span> <label for="repassword">确认密码:</label>
<input id="repassword" class="form-control" type="password" recheck="password" name="repassword" maxlength="16"
οnblur="vaildRepassword()" οnkeyup="vaildRepassword()">
<h1 id="_repassword"></h1></li>

<li><div align="center">
<button type="button" id="but_login" οnclick="checkUser()" class="width-35 pull-right btn btn-sm btn-primary">
<span>确认</span>
</button>
<button type="button" id="cancel" οnclick="history.go(-2)" class="width-35 pull-right btn btn-sm btn-primary">
<span>取消</span>
</button>
</div></li>
</ul>
</div>
</div>
</form>
</div>
</div>
</div>

<script type="text/javascript">
function setvalue(obj) {
var terryid = obj.value;
document.getElementById("territoryid").value = terryid;
document.getElementById("_territoryid").innerHTML="";
}
function changeEmpl(obj) {
document.getElementById("territoryid").value = "";
var terryid = obj.value;
var id = obj.id;
id++;
$.ajax({
type : "POST",
data : {
terryid : terryid
},
async : false,
//dataType:"json",
url : "${newtb.contextpath}/territoryController.do?childSelect",
success : function(data) {
//console.log(data);
var d = $.parseJSON(data);
//var d = eval('(' + data + ')');
//var d=JSON.parse(data);
var list = d.attributes.territoryList;
var option2 = '';
option2 += '<option value="" >请选择</option>';
var options = '';
options += '<option value="" >请选择</option>';
for ( var i in list) {
var emp = list[i];
options += '<option value="'+emp.id+'">'
+ emp.territoryname + '</option>';
}

$('#' + id + '').html(options);
var child = id;
child++;
$('#' + child + '').html(option2);
if (child < 3) {
$('#3').html(option2);
}

},
error : function(XMLHttpRequest, textStatus, errorThrown) {
layer.msg('输入不合法！', {
icon : 5,
time : 2000
});
}
});

}
//验证用户信息
function checkUser() {
if (!validForm()) {
return false;
}
$("#loinForm").submit();
alert("注册成功");
}

//表单验证
function vaildDepartName() {
if ($.trim($("#departName").val()).length == 0) {
document.getElementById("_departName").innerHTML = "请输入公司名称";
return false;
}
document.getElementById("_departName").innerHTML = "";
var departName = $("#departName").val();
$
.ajax({
url : "${newtb.contextpath}/supplierController.do?checkDepartName&departName="
+ departName,
type : "GET",
success : function(s) {
if (eval(s) == "ok") {
document.getElementById("_departName").innerHTML = "";
return true;
} else if (eval(s) == "error") {
document.getElementById("_departName").innerHTML = "此公司名已存在";
return false;
}
}
});
return true;
}
function vaildRealName() {
if ($.trim($("#realName").val()).length == 0) {
document.getElementById("_realName").innerHTML = "请输入联系人";
return false;
}
document.getElementById("_realName").innerHTML = "";
return true;
}
function vaildMobilePhoneUp() {
if ($.trim($("#mobilePhone").val()).length == 0) {
document.getElementById("_mobilePhone").innerHTML = "请输入手机号";
return false;
}
document.getElementById("_mobilePhone").innerHTML = "";
return true;
}
function vaildMobilePhone() {
if ($.trim($("#mobilePhone").val()).length == 0) {
document.getElementById("_mobilePhone").innerHTML = "请输入手机号";
return false;
}
var pattern = /^(($\d{3}$)|(\d{3}\-))?13\d{9}$/;
var mobilePhone=$.trim($("#mobilePhone").val());
if(!pattern.test(mobilePhone))
{
document.getElementById("_mobilePhone").innerHTML = "请输入正确的手机号";
return false;
}
document.getElementById("_mobilePhone").innerHTML = "";
return true;
}
function vaildEmailUp(){
document.getElementById("_email").innerHTML = "";
return true;
}
function vaildEmail(){
if ($.trim($("#email").val()).length == 0) {
document.getElementById("_email").innerHTML = "";
return true;
}
var pattern = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
var email=$.trim($("#email").val());
if(!pattern.test(email)){
document.getElementById("_email").innerHTML = "邮箱格式不正确";
return false;
}
document.getElementById("_email").innerHTML = "";
return true;
}
function vaildTerritoryid()
{
if ($.trim($("#territoryid").val()).length == 0) {
document.getElementById("_territoryid").innerHTML = "请选择所属区域";
return false;
}
return true;
}
function vaildChooseType() {
if ($.trim($("#typeName").val()).length == 0) {
document.getElementById("_typeName").innerHTML = "请选择供货类别";
return false;
}
document.getElementById("_typeName").innerHTML = "";
return true;
}
function callbackClean(){
$('#typeName').val('');
$('#typeIds').val('');
document.getElementById("_typeName").innerHTML = "请选择供货类别";
return true;
}
function choosePType() {
//window.open('${newtb.contextpath}/platpage/purchase.html','选择供货类别',300,300);
window.open('${newtb.contextpath}/platpage/purchase.html','选择供货类别','width=632,height=388,left=2000,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
}

function vaildUserName() {
if ($.trim($("#userName").val()).length == 0) {
document.getElementById("_userName").innerHTML = "请输入管理账号";
return false;
}
document.getElementById("_userName").innerHTML = "";
var userName = $("#userName").val();
$
.ajax({
url : "${newtb.contextpath}/supplierController.do?checkUserName&userName="
+ userName,
type : "GET",
success : function(s) {
if (eval(s) == "ok") {
document.getElementById("_userName").innerHTML = "";
return true;
} else if (eval(s) == "error") {
document.getElementById("_userName").innerHTML = "此账号已存在";
return false;
}
}
});
return true;
}
function vaildPassword() {
if ($.trim($("#password").val()).length == 0) {
document.getElementById("_password").innerHTML = "请输入密码";
$("#_password").show();
$("#pwd_table").hide();
return false;
}
CheckIntensity($.trim($("#password").val()))
/* if ($.trim($("#repassword").val()) != $.trim($("#password").val())) {
document.getElementById("_password").innerHTML = "两次密码请一致";
return false;
} */
document.getElementById("_password").innerHTML = "";
return true;
}
function vaildRepassword() {
if ($.trim($("#repassword").val()).length == 0) {
document.getElementById("_repassword").innerHTML = "请输入确认密码";
return false;
}
if ($.trim($("#repassword").val()) != $.trim($("#password").val())) {
document.getElementById("_repassword").innerHTML = "两次密码请一致";
return false;
}
document.getElementById("_repassword").innerHTML = "";
return true;
}
function validForm() {
if (vaildDepartName() && vaildRealName() && vaildMobilePhone() && vaildEmail()
&& vaildTerritoryid() && vaildChooseType() && vaildUserName() && vaildPassword()
&& vaildRepassword()) {
return true;
} else {
return false;
}
}
function CheckIntensity(pwd) {
var Mcolor, Wcolor, Scolor, Color_Html;
var m = 0;
var Modes = 0;
for (i = 0; i < pwd.length; i++) {
var charType = 0;
var t = pwd.charCodeAt(i);
if (t >= 48 && t <= 57) {
charType = 1;
} else if (t >= 65 && t <= 90) {
charType = 2;
} else if (t >= 97 && t <= 122) {
charType = 4;
} else {
charType = 4;
}
Modes |= charType;
}
for (i = 0; i < 4; i++) {
if (Modes & 1) {
m++;
}
Modes >>>= 1;
}
if (pwd.length <= 4) {
m = 1;
}
if (pwd.length <= 0) {
m = 0;
}
switch (m) {
case 1:
Wcolor = "pwd pwd_Weak_c";
Mcolor = "pwd pwd_c";
Scolor = "pwd pwd_c pwd_c_r";
Color_Html = "弱";
break;
case 2:
Wcolor = "pwd pwd_Medium_c";
Mcolor = "pwd pwd_Medium_c";
Scolor = "pwd pwd_c pwd_c_r";
Color_Html = "中";
break;
case 3:
Wcolor = "pwd pwd_Strong_c";
Mcolor = "pwd pwd_Strong_c";
Scolor = "pwd pwd_Strong_c pwd_Strong_c_r";
Color_Html = "强";
break;
default:
Wcolor = "pwd pwd_c";
Mcolor = "pwd pwd_c pwd_f";
Scolor = "pwd pwd_c pwd_c_r";
Color_Html = "无";
break;
}
document.getElementById('pwd_Weak').className = Wcolor;
document.getElementById('pwd_Medium').className = Mcolor;
document.getElementById('pwd_Strong').className = Scolor;
document.getElementById('pwd_Medium').innerHTML = Color_Html;
$("#pwd_table").show();
$("#_password").hide();
}
</script>

<#include 'footer.html' />
</body>
</html>