This login window is a dual login window. It does not support IE8 and early versions. It can be replaced according to my own development language. My name is asp, and the reference files can be downloaded on the Internet. If you cannot find them, you can leave your email~!
The key code is as follows:
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>scm login interface</title><style type="text/css">body {background-color: #999;}</style><link rel="stylesheet" href="../bootstrap335/css/bootstrap.min.css"><link rel="stylesheet" href="../bootstrap335/css/bootstrapValidator.min.css"><script src="../bootstrap335/js/jquery-2.1.4.min.js"></script><script src="../bootstrap335/js/bootstrap.min.js"></script><script src="../bootstrap335/js/bootstrapValidator.min.js"></script><% Response.Buffer = True Response.ExpiresAbsolute = Now() - 1 Response.Expires = 0 Response.CacheControl = "no-cache" %></head><body ><!--<nav role="navigation"><div><div><a ui-sref=".">****** System(ver 1.0.0 beta)</a></div><div id="navbar-ex1-collapse"><ul><li><a href="http://www.my80s.cc" target="_blank">80s ©2015-2010</a></li></ul></div> </div></nav>--><div><div style="margin-top:5em;"><h2>****** Management System</h2></div></div><div><div style="margin-top:3em;" ><ul id="myTab"><li><a href="#Prv" data-toggle="tab">Supplier login</a></li><li><a href="#CPrv" data-toggle="tab">Manufacturer login</a></li></ul><div id="myTabContent"> <div id="Prv"><div ><h3>Supplier login</h3></div><div><form name="LoginG" id="LoginG" action="Admin_ChkLogin_G.asp" method="post" target="_parent" ><div><div><span>Account</span><input name="Username" type="text" placeholder="Username" ><!--<span id="UsernameMessage" /> --></div><br /></div><!-- /form-group--><div><div><span>Password</span><input name="Password" type="Password" placeholder="Password"><!--<span id="PasswordMessage" /> --></div> </div><!-- /form-group--> <h5>Please fill in the text box with the following calculation results: </h5><div><label id="captchaOperation"></label><div><input type="text" name="captcha" /></div></div><br /><br /> <br /> <div><input type="submit" value="LoginS" action="Admin_ChkLogin_S.asp" method="post" target="_parent" ><div><div><span>Account</span><input name="Username2" type="text" placeholder="Username" ><!--<span id="UsernameMessage" /> --></div><br /></div><!-- /form-group--><div><div><span>Password</span><input name="Password2" type="Password" placeholder="Password"><!--<span id="PasswordMessage" /> --></div> </div><!-- /form-group--> <h5>Please fill in the text box with the following calculation results: </h5><div><label id="captchaOperation2"></label><div><input type="text" name="captcha2" /></div></div><br /><br /> <br /> <div><input type="submit" value="Login" /></div></form></div><!-- /panel-body --></div><!-- tab-pane fade--> </div><!-- myTabContent--></div><script type="text/javascript">$(document).ready(function() {// Generate a simple captchafunction randomNumber(min, max) {return Math.floor(Math.random() * (max - min + 1) + min);};function generateCaptcha() {$('#captchaOperation').html([randomNumber(1, 50), '+', randomNumber(1, 50), '='].join(' '));};generateCaptcha();$('#LoginG').bootstrapValidator({//message: 'This value is not valid',feedbackIcons: {valid: 'glyphicon glyphicon-ok',invalid: 'glyphicon glyphicon-remove',validating: 'glyphicon glyphicon-refresh'},fields: {Username: {message: 'The username is not valid',validators: {notEmpty: {message: 'Supplier account cannot be empty'},stringLength: {min: 5,max: 10,message: 'Supplier account length 5-10'},/*remote: {url: 'remote.php',message: 'The username is not available'},*/regexp: {regexp: /^[a-zA-Z0-9_/.]+$/,message: 'Only accept numbers and letters'}}},Password: {validators: {notEmpty: {message: 'Passage cannot be empty'}}}},captcha: {validators: {callback: {message: 'Verification code error',callback: function(value, validator) {var items = $('#captchaOperation').html().split(' '), sum = parseInt(items[0]) + parseInt(items[2]);return value == sum;}}}}}}).on('error.form.bv', function(e) {var $form = $(e.target),bootstrapValidator = $form.data('bootstrapValidator');if (!bootstrapValidator.isValidField('captcha')) {// The captcha is not valid// Regenerate the captchagenerateCaptcha();}});});</script><script type="text/javascript">$(document).ready(function() {// Generate a simple captchafunction randomNumber(min, max) {return Math.floor(Math.random() * (max - min + 1) + min);};function generateCaptcha() {$('#captchaOperation2').html([randomNumber(1, 50), '+', randomNumber(1, 50), '='].join(' '));};generateCaptcha();$('#LoginS').bootstrapValidator({//message: 'This value is not valid',feedbackIcons: {valid: 'glyphicon glyphicon-ok',invalid: 'glyphicon glyphicon-remove',validating: 'glyphicon glyphicon-refresh'},fields: {Username2: {message: 'The username is not valid',validators: {notEmpty: {message: 'Supplier account cannot be empty'},stringLength: {min: 5,max: 10,message: 'Supplier account length 5-10'},/*remote: {url: 'remote.php',message: 'The username is not available'},*/regexp: {regexp: /^[a-zA-Z0-9_/.]+$/,message: 'Accept only numbers and letters'}}},Password2: {validators: {notEmpty: {message: 'Password cannot be empty'}}}},captcha2: {validators: {callback: {message: 'Verification code error',callback: function(value, validator) {var items = $('#captchaOperation2').html().split(' '), sum = parseInt(items[0]) + parseInt(items[2]);return value == sum;}}}}}}).on('error.form.bv', function(e) {var $form = $(e.target),bootstrapValidator = $form.data('bootstrapValidator');if (!bootstrapValidator.isValidField('captcha')) {// The captcha is not valid// Regenerate the captchagenerateCaptcha();}});});</script></body></html>