96 lines
3.1 KiB
HTML
96 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="renderer" content="webkit">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||
<title>CEBG: CRYPTO ELITE‘S BATTLEGROUNDS</title>
|
||
|
||
</head>
|
||
<body>
|
||
<section class="main">
|
||
<section class="header">
|
||
<img src="img/applyother/a1.png" width="100%" />
|
||
<%- include('../comp/desktopNav.html') %>
|
||
</section>
|
||
<section class="main-con">
|
||
<div class="apply-wrap" id="form_layer">
|
||
<div class="apply-inner">
|
||
<h5 class="apply-tip tac"><img src="img/applyother/ap-tip.png" /></h5>
|
||
<div class="apply-from">
|
||
|
||
<form class="cmxform" id="signupForm" method="get" action="#">
|
||
<div>
|
||
<p for="firstname"><strong>Nickname</strong></p>
|
||
<input id="firstname" class="text" name="firstname" type="text" autocomplete="off">
|
||
</div>
|
||
<div>
|
||
<p for="lastname"><strong>E-mail</strong></p>
|
||
<input id="lastname" class="text" name="lastname" type="text" autocomplete="off">
|
||
</div>
|
||
<div>
|
||
<p for="username"><strong>From</strong></p>
|
||
<input id="username" class="text" name="username" type="text" autocomplete="off">
|
||
</div>
|
||
<p class="checkbox-wrap">
|
||
<input type="checkbox" class="checkbox" id="ever" name="ever">
|
||
<label for="ever">Ever had blockchain experience yet?</label>
|
||
</p>
|
||
<p class="checkbox-wrap">
|
||
<input type="checkbox" class="checkbox" id="alr" name="alr">
|
||
<label for="alr">Already follow CEBG's Twitter feed?</label>
|
||
</p>
|
||
<p class="checkbox-wrap">
|
||
<input type="checkbox" class="checkbox" id="dis" name="dis">
|
||
<label for="dis">Already joined CEBG Discord?</label>
|
||
</p>
|
||
|
||
<p class="tac submit-btn">
|
||
<input class="submit" type="submit" value="Send">
|
||
</p>
|
||
</form>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="feedback-inner tac hide" id="success_tip">
|
||
<img src="img/applyother/fb1.png"/>
|
||
</div>
|
||
</section>
|
||
<%- include('../comp/footer.html') %>
|
||
</section>
|
||
<%- include('../comp/walletModal.html') %> <%- include('../comp/jslib.html')
|
||
%>
|
||
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js" crossorigin="anonymous"></script>
|
||
<script>
|
||
$().ready(function() {
|
||
// 在键盘按下并释放及提交后验证提交表单
|
||
$("#signupForm").validate({
|
||
success:"valid",
|
||
rules: {
|
||
firstname: "required",
|
||
lastname: "required",
|
||
username: "required"
|
||
|
||
},
|
||
messages: {
|
||
firstname: "Enter at least 3 words. Enter a maximum of 16 words.",
|
||
lastname: "Please enter your correct email address.",
|
||
username: "This field cannot be empty. Please enter your country of residence."
|
||
},
|
||
submitHandler: function(form) {
|
||
alert("提交事件!");
|
||
form.submit();
|
||
}
|
||
});
|
||
function showSuccess(){
|
||
$('#success_tip').show()
|
||
$('#form_layer').hide()
|
||
}
|
||
showSuccess();
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|