change sth

This commit is contained in:
cebgcontract 2022-10-24 13:42:38 +08:00
parent 1f629d6543
commit 258eae608e
6 changed files with 23 additions and 28 deletions

View File

@ -22,16 +22,16 @@
<form class="cmxform" id="signupForm" method="get" action="#"> <form class="cmxform" id="signupForm" method="get" action="#">
<div> <div>
<p for="firstname"><strong>Nickname</strong></p> <p for="nickname"><strong>Nickname</strong></p>
<input id="firstname" class="text" name="firstname" type="text" autocomplete="off"> <input id="nickname" class="text" name="nickname" type="text" maxlength=20 autocomplete="off">
</div> </div>
<div> <div>
<p for="lastname"><strong>E-mail</strong></p> <p for="email"><strong>E-mail</strong></p>
<input id="lastname" class="text" name="lastname" type="text" autocomplete="off"> <input id="email" class="text" name="email" type="text" autocomplete="off">
</div> </div>
<div> <div>
<p for="username"><strong>From</strong></p> <p for="location"><strong>From</strong></p>
<input id="username" class="text" name="username" type="text" autocomplete="off"> <input id="location" class="text" name="location" type="text" autocomplete="off">
</div> </div>
<p class="checkbox-wrap"> <p class="checkbox-wrap">
<input type="checkbox" class="checkbox" id="ever" name="ever"> <input type="checkbox" class="checkbox" id="ever" name="ever">
@ -62,33 +62,33 @@
</section> </section>
<%- include('../comp/walletModal.html') %> <%- include('../comp/jslib.html') <%- 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 src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js" integrity="sha256-JwUksNJ6/R07ZiLRoXbGeNrtlFZMFDKX4hemPiHOmCA=" crossorigin="anonymous"></script>
<script> <script>
$().ready(function() { $().ready(function() {
// 在键盘按下并释放及提交后验证提交表单 // 在键盘按下并释放及提交后验证提交表单
$("#signupForm").validate({ $("#signupForm").validate({
success:"valid", success:"valid",
rules: { rules: {
firstname: "required", nickname: {required: true, rangelength: [3, 20]},
lastname: "required", email: {required: true, email: true},
username: "required" location: {required: true, minlength: 2}
}, },
messages: { messages: {
firstname: "Enter at least 3 words. Enter a maximum of 16 words.", nickname: "Enter at least 3 words. Enter a maximum of 20 words.",
lastname: "Please enter your correct email address.", email: "Please enter your correct email address.",
username: "This field cannot be empty. Please enter your country of residence." location: "This field cannot be empty. Please enter your country of residence."
}, },
submitHandler: function(form) { submitHandler: function(form) {
alert("提交事件!"); // form.submit();
form.submit(); showSuccess();
} }
}); });
function showSuccess(){ function showSuccess(){
$('#success_tip').show() $('#success_tip').show()
$('#form_layer').hide() $('#form_layer').hide()
} }
showSuccess(); // showSuccess();
}); });
</script> </script>
</body> </body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

View File

@ -36,9 +36,6 @@
<div class="swiper-slide"> <div class="swiper-slide">
<img src="img/applyother/p1.jpg" /> <img src="img/applyother/p1.jpg" />
</div> </div>
<div class="swiper-slide">
<img src="img/applyother/p1.jpg" />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -46,19 +43,16 @@
<div class="swiper-container gallery-thumbs"> <div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<img src="img/applyother/ps1.jpg" /> <img src="img/applyother/s01.png" />
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img src="img/applyother/ps1.jpg" /> <img src="img/applyother/s02.png" />
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img src="img/applyother/ps1.jpg" /> <img src="img/applyother/s03.png" />
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img src="img/applyother/ps1.jpg" /> <img src="img/applyother/s04.png" />
</div>
<div class="swiper-slide">
<img src="img/applyother/ps1.jpg" />
</div> </div>
</div> </div>
</div> </div>
@ -92,9 +86,10 @@
}); });
var galleryThumbs = new Swiper('.gallery-thumbs', { var galleryThumbs = new Swiper('.gallery-thumbs', {
spaceBetween: 20, spaceBetween: 20,
centeredSlides: true,
slidesPerView: 'auto',
touchRatio: 0.2, touchRatio: 0.2,
initialSlide: 1,
slidesPerView: 'auto',
centeredSlides: true,
slideToClickedSlide: true slideToClickedSlide: true
}); });
galleryTop.params.control = galleryThumbs; galleryTop.params.control = galleryThumbs;