CINXE.COM
FREE RESPONSIVE HORIZONTAL ADMIN
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="description" content="" /> <meta name="author" content="" /> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <![endif]--> <title>FREE RESPONSIVE HORIZONTAL ADMIN</title> <!-- BOOTSTRAP CORE STYLE --> <link href="/Public/home_style/css/bootstrap.css" rel="stylesheet" /> <!-- FONT AWESOME STYLE --> <link href="/Public/home_style/css/font-awesome.css" rel="stylesheet" /> <!-- CUSTOM STYLE --> <link href="/Public/home_style//css/style.css" rel="stylesheet" /> <!-- GOOGLE FONT --> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' /> </head> <body> <!--top--> <div class="navbar navbar-inverse- set-radius-zero" > <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="page-header"> <h1><img src="/Public/home_style/images/logo.jpg" alt=""/> <small>Conference System</small></h1> </div> </div> <div class="right-div"> <a href="/index.php/home/member.html" ><i class="fa fa-pencil-square"></i> Register</a> <a href="/index.php/home/member/login.html" ><i class="fa fa-user-plus"></i> log in</a> <a href="/index.php/home/index/pay_list.html" ><i class="fa fa-paypal"></i> Fast Payment</a> </div> </div> </div> <section class="menu-section"> <div class="container"> <div class="row "> <div class="col-md-12"> <div class="navbar-collapse collapse "> <ul id="menu-top" class="nav navbar-nav navbar-right"> <li><a href="/index.php/home/index.html" class="menu-top-active">Account Overview</a></li> <li><a href="/index.php/home/index/paper_list.html">My Submission</a></li> <li><a href="/index.php/home/index/reg_list.html">My Registration</a></li> </ul> </div> </div> </div> </div> </section> <!--top end--> <div class="content-wrapper"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <h3>Create an account</h3> </div> <div class="panel-body"> <div class="row signup-form-container login-box"> <form action=" " method="post" id="signupForm"> <div class="form-group"> <label for="email">Email<em>*</em></label> <input class="form-control" id="email" type="email" name="email" required> </div> <div class="form-group"> <label for="title">Title<em>*</em> </label> <label class="radio-inline"> <input type="radio" name="title" id="t1" value="Prof." checked> Prof.</label> <label class="radio-inline"> <input type="radio" name="title" id="t1" value="Dr."> Dr. </label> <label class="radio-inline"> <input type="radio" name="title" id="t3" value="Mr."> Mr. </label> <label class="radio-inline"> <input type="radio" name="title" id="t4" value="Mrs."> Mrs. </label> <label class="radio-inline"> <input type="radio" name="title" id="t5" value="Ms."> Ms. </label> </div> <div class="form-group"> <label for="firstname">Firstname<em>*</em></label> <input class="form-control" id="firstname" type="text" name="firstname" required > </div> <div class="form-group"> <label for="lastname">Lastname<em>*</em></label> <input class="form-control" id="lastname" type="text" name="lastname" required > </div> <div class="form-group"> <label for="password">Password<em>*</em></label> <input class="form-control" id="password" type="password" name="password" required placeholder="The password length needs to be 6-15 " > </div> <div class="form-group"> <label for="repassword">Retype Password<em>*</em></label> <input class="form-control" id="repassword" type="password" name="repassword" required minlength="5" > </div> <div class="form-group"> <label for="codes">Verification Code<em>*</em></label> <img src="/index.php/Home/Member/codes" width="150" height="60" id="codespic"/> <input class="form-control" id="codes" type="text" name="codes" required minlength="4" > </div> <div class="control-group control-group-1"> <div class="controls-1"> <button id="submit" class="btn btn-primary login-big-btn btn-block btn-lg" type="submit">Sign in</button> </div> </div> <div class="control-group"> <div class="controls-1"> Already have an account? <a style="margin-left:0;font-size:16px;" class="register" href="/index.php/Member/login.html">Please login</a> </div> </div> <input type="hidden" name="go" value=""> </form> <div> </div> </div> </div> </div> </div> </div> </div> </div> <!--top--> <section class="footer-section"> <div class="container"> <div class="row"> <div class="col-md-12"> © 2024 iConf Conference System Team </div> </div> </div> </section> <!--top end--> <script src="/Public/home_style/js/jquery-1.10.2.js"></script> <script src="/Public/home_style/js/bootstrap.js"></script> <script src="/Public/home_style/js/custom.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.21.0/dist/jquery.validate.min.js"></script> <script> $("#codespic").click(function(){ //修改一些属性就可以了,修改src的属性 $(this).attr("src","/index.php/Home/Member/codes"); }) </script> <script> $().ready(function() { $("#signupForm").validate({ rules: { firstname: "required", lastname: "required", password: { required: true, rangelength:[6,15], }, repassword: { required: true, rangelength:[6,15], equalTo: "#password" }, email: { required: true, email: true }, }, messages: { firstname: "Please input your First Name", lastname: "Please input your Last Name", password: "The password length needs to be 6-15", email: "Please enter the correct email address", repassword: "The two passwords are different", } }); }); </script> </body> </html>