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="#">
<div>
<p for="firstname"><strong>Nickname</strong></p>
<input id="firstname" class="text" name="firstname" type="text" autocomplete="off">
<p for="nickname"><strong>Nickname</strong></p>
<input id="nickname" class="text" name="nickname" type="text" maxlength=20 autocomplete="off">
</div>
<div>
<p for="lastname"><strong>E-mail</strong></p>
<input id="lastname" class="text" name="lastname" type="text" autocomplete="off">
<p for="email"><strong>E-mail</strong></p>
<input id="email" class="text" name="email" type="text" autocomplete="off">
</div>
<div>
<p for="username"><strong>From</strong></p>
<input id="username" class="text" name="username" type="text" autocomplete="off">
<p for="location"><strong>From</strong></p>
<input id="location" class="text" name="location" type="text" autocomplete="off">
</div>
<p class="checkbox-wrap">
<input type="checkbox" class="checkbox" id="ever" name="ever">
@ -62,33 +62,33 @@
</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 src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js" integrity="sha256-JwUksNJ6/R07ZiLRoXbGeNrtlFZMFDKX4hemPiHOmCA=" crossorigin="anonymous"></script>
<script>
$().ready(function() {
// 在键盘按下并释放及提交后验证提交表单
$("#signupForm").validate({
success:"valid",
rules: {
firstname: "required",
lastname: "required",
username: "required"
nickname: {required: true, rangelength: [3, 20]},
email: {required: true, email: true},
location: {required: true, minlength: 2}
},
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."
nickname: "Enter at least 3 words. Enter a maximum of 20 words.",
email: "Please enter your correct email address.",
location: "This field cannot be empty. Please enter your country of residence."
},
submitHandler: function(form) {
alert("提交事件!");
form.submit();
// form.submit();
showSuccess();
}
});
function showSuccess(){
$('#success_tip').show()
$('#form_layer').hide()
}
showSuccess();
// showSuccess();
});
</script>
</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">
<img src="img/applyother/p1.jpg" />
</div>
<div class="swiper-slide">
<img src="img/applyother/p1.jpg" />
</div>
</div>
</div>
</div>
@ -46,19 +43,16 @@
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="img/applyother/ps1.jpg" />
<img src="img/applyother/s01.png" />
</div>
<div class="swiper-slide">
<img src="img/applyother/ps1.jpg" />
<img src="img/applyother/s02.png" />
</div>
<div class="swiper-slide">
<img src="img/applyother/ps1.jpg" />
<img src="img/applyother/s03.png" />
</div>
<div class="swiper-slide">
<img src="img/applyother/ps1.jpg" />
</div>
<div class="swiper-slide">
<img src="img/applyother/ps1.jpg" />
<img src="img/applyother/s04.png" />
</div>
</div>
</div>
@ -92,9 +86,10 @@
});
var galleryThumbs = new Swiper('.gallery-thumbs', {
spaceBetween: 20,
centeredSlides: true,
slidesPerView: 'auto',
touchRatio: 0.2,
initialSlide: 1,
slidesPerView: 'auto',
centeredSlides: true,
slideToClickedSlide: true
});
galleryTop.params.control = galleryThumbs;