このログインウィンドウは、デュアルログインウィンドウです。 IE8および初期バージョンはサポートしていません。私自身の開発言語に従って置き換えることができます。私の名前はASPであり、参照ファイルはインターネットでダウンロードできます。見つけられない場合は、メールを残すことができます〜！
重要なコードは次のとおりです。
<！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;} </lick loc "" "" " href = "../ bootstrap335/css/bootstrap.min.css"> <link rel = "styleSheet" href = "../ bootstrap335/css/bootstrapvalidator.min.css"> <スクリプトsrc = "../ bootstrap335/js/jquery-2.1.4.min.js"> </script> <script src = "../ bootstrap335/js/bootstrap.min.js"> </script> <script src = "../ boottrap335/js/js/boottrapvalidator"> </scruttrapvalidator "> min. Response.buffer = true Response.expireSabsolute = now（） - 1 Response.Expires = 0 Response.CacheControl = "No-Cache"％> </head> <body> <body> < id = "Navbar-ex1-collapse"> <ul> <li> <a href = "http://www.my80s.cc" "_ blank"> 80s©2015-2010 </a> </li> </ul> </div> </div> </nav> - >システム</h2> </div> </div> <div> <div style = "マージントップ：3em;" > <ul id = "mytab"> <li> <a href = "＃prv" data-toggle = "tab">サプライヤーログイン</a> </li> <li> <a href = "＃cprv" data-toggle = "tab">メーカーlogin </a> </li> </ul>ログイン</h3> </div> <div> <form name = "loging" id = "loging" "action =" admin_chklogin_g.asp "method =" "post" "_ parent"> parent "> <div> <div> <span> </span> <input name =" username "type =" text "placeHolder =" username "> < - > </div> <br/> </div> < < /h5> <div> <label id = "captchaoperation"> < /label> <div> <入力タイプ= "text" name = "captcha" /> < /div> < /div> <br /> <br /> <br /> <div> <入力タイプ= "" value = "logins" action = "admin_chklogin_sasp" "post" "post" "post" "post" > <div> <div> <span>アカウント</span> <input name = "username2" type = "text" placeholder = "username"> <！ - <span id = "usernamemessage"/> </div> </div> < PlaceHolder = "Password"> <！ - <Span id = "passwordmessage"/> - > </div> </div> < /> <br/> <br/> <div> <入力タイプ= "submit" value = "login"/> </div> </form> </div> <！ - /panel-body-> </div> <！ - tab-paneフェード - > </div> <！ randomNumber（min、max）{return math.floor（math.random（） *（max -min + 1） + min）;}; function generatecaptcha（）{$（ '＃captchaoperation'）。html（[randomnumber（1、50）、 ' +'、randomnumber（1、50）、 '=']。 '） {username：{message： 'username is valid'、validators：{notempty：{supply accant nable '}、stringlength：{min：5、max：10、message：'サプライヤーアカウント長5-10 '}、/*remote：{url：' remote.php '、メッセージ： /^ [a-za-z0-9_/.] +$/、message： 'のみ数字と文字を受け入れる}}}}}}}}} {notempty：{message：' passage nable '}}}}}}}}}}}}}}}} $（ '＃captchaoperation'）。html（）。 $ form.data（ 'bootstrapvalidator'）; if（！bootstrapvalidator.isvalidfield（ 'captcha'））{// captchaは有効ではない// captchageneratecaptcha（） CaptChafunction randomNumber（min、max）{return math.floor（math.random（） *（max -min + 1） + min）;}; function generatecaptcha（）{$（ '＃captchaoperation2'）。html（[randomnumber（1、50）、 ' +'、ランダムナンメル（1、50）、 ']。 '） {username2：{message： 'username is not' not 'not'、validators：{notempty： 'supply account：' supply count neact '}、stringlength：{min：5、max：10、メッセージ：'サプライヤーアカウント長5-10 '}、/*remote：{url：' remot.php '、メッセージ： /^ [a-za-z0-9_/.] +$/message：「数字と文字のみを受け入れる '}}}}、{validators：{notempty：{password nabin'}}}}}}}}}、{{validators：{callback：{vartator： 'quarification cord erirter " $（ '＃CAPTCHAOPERATION2'）。html（）。 $ form.data（ 'bootstrapvalidator'）; if（！bootstrapvalidator.isvalidfield（ 'captcha'））{// captchaは有効ではない// captchageneratecaptcha（）;}}）;}