我是網(wǎng)絡(luò)開發(fā)新手，我試圖修改此代碼，以便如果上面的文本區(qū)域為空，則不允許單擊任何注冊或登錄按鈕，我很困惑在哪里編寫將檢查的 if 語句但我只知道 JS 的基礎(chǔ)知識，不了解一點關(guān)于 jQuery 的知識，我嘗試添加以下內(nèi)容reg-btn.click(function(e){ if($('.pwd' ).val() == null){ alert("error");} else{ .....remaining code..}但沒有成功，有辦法解決嗎？原始代碼來自：https ://codepen.io/chouaibblgn45/pen/ZXKdXR?editors=1010"use strict";$(document).ready(function () { /*------- button with class register -------*/ var reg_btn = $('.container .register'); reg_btn.click(function (e) { e.preventDefault(); $(this).siblings('.reg').css({ 'transform': 'translateY(40%) scale(5)', 'border-radius': '0', 'width': '100%', 'height': '100%' }).end(); reg_btn.siblings('.container h3:nth-of- type(1)').css({ 'top': '40%', 'z-index': '8', }).end().end(); }); });<!DOCTYPE html><html> <head> <head> <body> <div class="container"> <h2>login</h2> <form> <input type="text" class="email" placeholder="email"> <br/> <input type="text" class="pwd" placeholder="password"> </form> <a href="#" class="link"> forgot your password ? </a> <br/> <button class="register"> <span>register</span> </button> <button class="signin"> <span>sign in</span> </button> <h3>your registration is complete ! </h3> <h3>your sign in is complete !</h3> <div class="reg"></div> <div class="sig"></div> </div> </body></html>
2 回答
ibeautiful
TA貢獻1993條經(jīng)驗 獲得超6個贊
空輸入字段.val()將是一個不含任何字符的字符串。不是一個null值。
如果運行以下命令，您可以看到這一點
console.log(typeof $('.pwd' ).val())
// returns string
您可以將代碼更改為：
reg-btn.click(function(e){
if($('.pwd' ).val().length > 0){
//form is valid
}
楊魅力
TA貢獻1811條經(jīng)驗 獲得超6個贊
使用 id 而不是類，然后您想檢查該值是否為空字符串
<input type="text" id="email" class="email" placeholder="email">
<br/>
<input type="text" id="pwd" class="pwd" placeholder="password">
并在JS中
reg-btn.click(function(e){
if($('#pwd' ).val() === ''||$('#email').val()===''){
alert("Please Fill Required Fields");}
else{ .....remaining code..}
- 2 回答
- 0 關(guān)注
- 161 瀏覽
添加回答
舉報
0/150
提交
取消