432 lines
16 KiB
Plaintext
432 lines
16 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="frmLoginMobile.aspx.cs" Inherits="NGTools.frmLoginMobile" %>
|
||
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title></title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
|
||
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
|
||
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
|
||
|
||
<script src="../MYJS/JsEncryptHelper.js"></script>
|
||
<script src="../MYJS/MyTools.js"></script>
|
||
</head>
|
||
|
||
|
||
|
||
<body>
|
||
<script type="text/javascript">
|
||
|
||
var valitedCode = "";
|
||
|
||
window.onload = function () {
|
||
var name = $('#txtUserName').val();
|
||
var pswd = $('#txtPassword').val();
|
||
|
||
var orember = document.getElementById("rember");
|
||
// var cuser = document.cookie = "user"+"="+name.value+";";
|
||
// var cpswd = document.cookie = "password"+"="+pswd.value+";";
|
||
//页面初始化时，如果帐号密码cookie存在则填充
|
||
if (getCookie('txtUserName') && getCookie('txtPassword')) {
|
||
$("#txtUserName").textbox('setValue', getCookie('txtUserName'));
|
||
$("#txtPassword").passwordbox('setValue', getCookie('txtPassword'));
|
||
orember.checked = true;
|
||
}
|
||
//复选框勾选状态发生改变时，如果未勾选则清除cookie
|
||
orember.onchange = function () {
|
||
if (!this.checked) {
|
||
delCookie('txtUserName');
|
||
delCookie('txtPassword');
|
||
}
|
||
else {
|
||
tips.style.display = "black";
|
||
}
|
||
}
|
||
//表单提交事件触发时，如果复选框是勾选状态则保存cookie
|
||
dl.onsubmit = function () {
|
||
if (remember.checked) {
|
||
setCookie('txtUserName', name.value, 7); //保存帐号到cookie，有效期7天
|
||
setCookie('txtPassword', pswd.value, 7); //保存密码到cookie，有效期7天
|
||
}
|
||
}
|
||
};
|
||
function login() {
|
||
{
|
||
var txtUserName = $("#txtUserName").val();
|
||
var txtPassword = $("#txtPassword").val();
|
||
if (txtUserName == "") {
|
||
alert( "请输入用户名！");
|
||
return false;
|
||
} else if (txtPassword == "") {
|
||
alert( "请输入密码！");
|
||
return false;
|
||
} else {
|
||
//$("#btnLogin").click(function () {
|
||
//console.info($("#txtPassword").val());
|
||
//var user = ($("#txtUserName").val());
|
||
//var pass = ($("#txtPassword").val());
|
||
var data = {};
|
||
data.username = txtUserName;
|
||
data.passwd = txtPassword;
|
||
//$.messager.alert( JSON.stringify(data));
|
||
var result = $.encryptRequest({
|
||
data: data
|
||
});
|
||
//$.messager.alert( JSON.stringify(result));
|
||
|
||
$.ajax({
|
||
type: "post",
|
||
//dataType: "json",
|
||
url: "frmLoginMobile.aspx?action=login" + "&t=" + Date.parse(new Date()),
|
||
data: result,
|
||
success: function (msg) {
|
||
if (msg == "OK") {
|
||
if (rember.checked) {
|
||
setCookie('txtUserName', data.username, 7); //保存帐号到cookie，有效期7天
|
||
setCookie('txtPassword', data.passwd, 7); //保存密码到cookie，有效期7天
|
||
}
|
||
window.location.href = "frmmainMobile.aspx";
|
||
}
|
||
else {
|
||
alert( msg);
|
||
}
|
||
},
|
||
error: function (e) {
|
||
//$.messager.alert( JSON.stringify(e));
|
||
}
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
function modPass() {
|
||
$("#modPass").dialog('open');
|
||
$("#txtModPassUserName").textbox('setValue', $("#txtUserName").textbox('getValue'));
|
||
$("#txtoldPassword").textbox('setValue', "");
|
||
$("#txtNewPassword").textbox('setValue', "");
|
||
$("#txtConfirmNewPassword").textbox('setValue', "");
|
||
}
|
||
|
||
function getCode() {
|
||
|
||
|
||
var Num = "";
|
||
for (var i = 0; i < 6; i++) {
|
||
Num += Math.floor(Math.random() * 10);
|
||
}
|
||
return Num;
|
||
}
|
||
|
||
function isPhone(phone) {
|
||
return /^1(3\d|4\d|5\d|6\d|7\d|8\d|9\d)\d{8}$/g.test(phone);
|
||
}
|
||
|
||
function YanZheng() {
|
||
var phoneNo = $("#zcPhoneNo").val();
|
||
|
||
if (phoneNo == "") {
|
||
|
||
alert( "请输入手机号码！");
|
||
|
||
return false;
|
||
}
|
||
|
||
if (!isPhone(phoneNo)) {
|
||
alert( "请输入正确的手机号码！");
|
||
return false;
|
||
}
|
||
|
||
var data = {};
|
||
data.phoneNo = phoneNo;
|
||
data.code = getCode();
|
||
valitedCode = data.code;
|
||
|
||
$.ajax({
|
||
type: "post",
|
||
dataType: "json",
|
||
url: "frmLoginMobile.aspx?action=YANZHENG" + "&t=" + Date.parse(new Date()),
|
||
data: data,
|
||
success: function (msg) {
|
||
// alert(msg);
|
||
|
||
}
|
||
});
|
||
|
||
disabledSubmitButton02();
|
||
|
||
}
|
||
|
||
/*按钮禁用10秒,并显示倒计时*/
|
||
function disabledSubmitButton02() {
|
||
$('#btnYZ').attr("disabled", "disabled"); //控制按钮为禁用
|
||
var second = 60;
|
||
var intervalObj = setInterval(function () {
|
||
$('#btnYZ').val('重新发送(' + second + ')').button("refresh");
|
||
if (second == 0) {
|
||
$('#btnYZ').removeAttr("disabled");//将按钮可用
|
||
$('#btnYZ').val('获取验证码').button("refresh");
|
||
/* 清除已设置的setInterval对象 */
|
||
clearInterval(intervalObj);
|
||
}
|
||
second--;
|
||
}, 1000);
|
||
}
|
||
|
||
|
||
function ZC() {
|
||
//if ($("#formPar").form('validate')) {
|
||
var userAccount = ($("#zcAccord").val());
|
||
var userName = ($("#zcUserName").val());
|
||
var oldpass = ($("#zcPassword").val());
|
||
var conpass = ($("#zcConfirmPassword").val());
|
||
var phoneNo = ($("#zcPhoneNo").val());
|
||
var zcYanzheng = ($("#zcYanzheng").val());
|
||
if (userAccount == "") {
|
||
alert( "请输入用户账号！");
|
||
return false;
|
||
} else if (oldpass == "") {
|
||
alert( "请输入新密码！");
|
||
return false;
|
||
} else if (conpass != oldpass) {
|
||
alert( "确认密码与密码不同！");
|
||
return false;
|
||
} else if
|
||
(valitedCode != zcYanzheng) {
|
||
alert( "验证码不正确！");
|
||
return false;
|
||
}
|
||
var data = {};
|
||
data.userAccount = userAccount;
|
||
data.userName = userName;
|
||
data.passwd = oldpass;
|
||
data.phoneNo = phoneNo;
|
||
//$.messager.alert( JSON.stringify(data));
|
||
var result = $.encryptRequest({
|
||
data: data
|
||
});
|
||
|
||
$.ajax({
|
||
type: "post",
|
||
dataType: "json",
|
||
url: "frmLoginMobile.aspx?action=ZC" + "&t=" + Date.parse(new Date()),
|
||
data: result,
|
||
success: function (msg) {
|
||
if (msg == "ok") {
|
||
alert( "用户注册成功！");
|
||
} else {
|
||
alert( msg);
|
||
}
|
||
|
||
},
|
||
error: function (e) {
|
||
alert( JSON.stringify(e));
|
||
}
|
||
});
|
||
//}
|
||
|
||
//else {
|
||
// alert('操作提示', '存在必填项为空，请检查！', "warning");
|
||
|
||
//}
|
||
|
||
}
|
||
|
||
function ModifyPassSubmit() {
|
||
|
||
var user = ($("#txtModPassUserName").val());
|
||
var oldpass = ($("#txtoldPassword").val());
|
||
var newpass = ($("#txtNewPassword").val());
|
||
var connewpass = ($("#txtConfirmNewPassword").val());
|
||
|
||
if (user == "") {
|
||
alert( "请输入用户名！");
|
||
txtModPassUserName.focus();
|
||
return false;
|
||
} else if (newpass == "") {
|
||
alert( "请输入新密码！");
|
||
txtNewPassword.focus();
|
||
return false;
|
||
} else if (newpass != connewpass) {
|
||
alert( "确认密码与新密码不同！");
|
||
txtConfirmNewPassword.focus();
|
||
return false;
|
||
}
|
||
|
||
|
||
|
||
var data = {};
|
||
data.username = user;
|
||
data.oldpasswd = oldpass;
|
||
data.newpasswd = newpass;
|
||
//$.messager.alert( JSON.stringify(data));
|
||
var result = $.encryptRequest({
|
||
data: data
|
||
});
|
||
|
||
$.ajax({
|
||
type: "post",
|
||
//dataType: "json",
|
||
url: "frmLoginMobile.aspx?action=modPass" + "&t=" + Date.parse(new Date()),
|
||
data: result,
|
||
success: function (msg) {
|
||
if (msg == "ok") {
|
||
alert( "修改密码成功！");
|
||
document.getElementById("modPass").style.display = "hide";
|
||
} else {
|
||
alert( msg);
|
||
}
|
||
|
||
},
|
||
error: function (e) {
|
||
alert( JSON.stringify(e));
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
|
||
//设置cookie
|
||
function setCookie(name, value, day) {
|
||
var date = new Date();
|
||
date.setDate(date.getDate() + day);
|
||
document.cookie = name + '=' + value + ';expires=' + date;
|
||
};
|
||
|
||
//获取cookie
|
||
function getCookie(name) {
|
||
var reg = RegExp(name + '=([^;]+)');
|
||
var arr = document.cookie.match(reg);
|
||
if (arr) {
|
||
return arr[1];
|
||
} else {
|
||
return '';
|
||
}
|
||
};
|
||
|
||
//删除cookie
|
||
function delCookie(name) {
|
||
setCookie(name, null, -1);
|
||
}
|
||
|
||
</script>
|
||
|
||
<div data-role="page" id="pageOne">
|
||
<div data-role="header" data-position="fixed" data-tap-toggle="false">
|
||
<h1>天然气计算工具集</h1>
|
||
<div data-role="navbar">
|
||
<ul>
|
||
<li><a href="#pageOne">密码登录</a></li>
|
||
<li><a href="#pageTwo">用户注册</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div data-role="main" class="ui-content">
|
||
<form class="easyui-form" style="padding-top: 10px; text-align: left">
|
||
<div data-role="fifieldcontainle" style="text-align: left">
|
||
|
||
<label for="txtUserName">账号/姓名/手机：</label>
|
||
<input id="txtUserName" name="username" required="required" data-options="prompt:'请输入账号或姓名或手机号'" type="text" value="" />
|
||
<label for="txtPassword">密 码：</label>
|
||
<input type="password" required="required" data-options="prompt:'请输入密码'" id="txtPassword" value="" />
|
||
|
||
<input type="checkbox" id="rember" checked="checked" />
|
||
<label for="rember">记住密码</label>
|
||
|
||
<div data-role="controlgroup" data-type="horizontal" style="text-align: center">
|
||
<a id="btnLogin" href="javascript:void(0)" data-role="button" onclick="login()" style="width: 80px;">登 录</a>
|
||
<a id="btnModifyPassword" href="#pageThree" data-role="button" onclick="modPass()" style="width: 80px">修改密码</a>
|
||
</div>
|
||
</div>
|
||
|
||
</form>
|
||
</div>
|
||
|
||
<div data-role="footer" data-position="fixed" data-tap-toggle="false">
|
||
<h1>豫ICP备19037764号</h1>
|
||
</div>
|
||
</div>
|
||
|
||
<div data-role="page" id="pageTwo">
|
||
<div data-role="header" data-position="fixed" data-tap-toggle="false">
|
||
<h1>天然气工业计算工具集</h1>
|
||
<div data-role="navbar">
|
||
<ul>
|
||
<li><a href="#pageOne">密码登录</a></li>
|
||
<li><a href="#pageTwo">用户注册</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div data-role="main" class="ui-content">
|
||
<form class="easyui-form" style=" text-align: left" >
|
||
<div data-role="fieldcontain">
|
||
<label for="zcAccord">用户账号：</label>
|
||
<input id="zcAccord" required="required" type="text" value="" />
|
||
<label for="zcAcczcUserNameord">真实姓名：</label>
|
||
<input id="zcAcczcUserNameord" style="width: 100%" required="required" type="text" value="" />
|
||
<label for="zcPhoneNo">手机号码：</label>
|
||
<input id="zcPhoneNo" style="width: 100%" required="required" type="text" value="" />
|
||
<label for="zcYanzheng">验证码：</label>
|
||
|
||
<div class="ui-grid-a" style ="vertical-align :bottom">
|
||
<div class="ui-block-a">
|
||
<input id="zcYanzheng" style="width: 80px" required="required" type="text" value="" />
|
||
</div>
|
||
<div class="ui-block-b">
|
||
<input id="btnYZ" type="button" onclick="YanZheng()" style="width: 90px;" value="获取验证码" />
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<label for="zcPhzcPasswordoneNo">登录密码：</label>
|
||
<input id="zcPhzcPasswordoneNo" style="width: 100%" required="required" type="password" value="" />
|
||
<label for="zcConfirmPassword">确认密码：</label>
|
||
<input id="zcConfirmPassword" style="width: 100%" required="required" type="password" value="" />
|
||
|
||
<a id="btnZc" href="javascript:void(0)" data-role="button" onclick="ZC()" style="width: 160px;">用户注册</a>
|
||
</div>
|
||
</form>
|
||
|
||
</div>
|
||
|
||
<div data-role="footer" data-position="fixed" data-tap-toggle="false">
|
||
<h1>豫ICP备19037764号</h1>
|
||
</div>
|
||
</div>
|
||
|
||
<div data-role="page" data-dialog="true" id="pageThree">
|
||
<div data-role="main" class="ui-content">
|
||
|
||
<br />
|
||
<div class="">
|
||
<span>用户名：</span>
|
||
<input id="txtModPassUserName" name="username" data-option=" prompt:'请输入用户名'" type="text" value="" />
|
||
</div>
|
||
<br />
|
||
<div class="">
|
||
<span>原密码：</span>
|
||
<input type="password" data-option=" prompt:'请输入原密码'" id="txtoldPassword" value="" />
|
||
</div>
|
||
<br />
|
||
<div class="">
|
||
<span>新密码：</span>
|
||
<input type="password" data-option=" prompt:'请输入新密码'" id="txtNewPassword" value="" />
|
||
</div>
|
||
<br />
|
||
|
||
<div class="">
|
||
<span>再确认：</span>
|
||
<input type="password" data-option=" prompt:请输入确认新密码" id="txtConfirmNewPassword" value="" />
|
||
</div>
|
||
<br />
|
||
<div style="width: 200px; text-align: center; padding-left: 20px">
|
||
<a id="btnModPass" href="#pageone" data-role="button" onclick="ModifyPassSubmit()" style="width: 100px">修改</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</body>
|
||
</html>
|
||
|