Jquery中的條件語句可以使用if、else if和else關鍵字,常常用于判斷表單輸入是否合法或選擇框的選項是否符合要求。當需要同時滿足多個條件時,可以使用“&&”符號實現相與的效果。
例如,下面的代碼將判斷表單中的用戶名和密碼輸入是否合法:
$(document).ready(function(){ $('#btn-login').click(function(){ var username = $('#username').val(); var password = $('#password').val(); if (username === '' || password === '') { alert('請填寫完整的用戶名和密碼!'); } else if (username.length< 6 || username.length >16) { alert('用戶名長度必須在6-16位之間!'); } else if (password.length< 8) { alert('密碼長度不能少于8位!'); } else if (!/^[A-Za-z0-9]+$/.test(username)) { alert('用戶名只能由英文字母和數字組成!'); } else if (!/^[A-Za-z0-9]+$/.test(password)) { alert('密碼只能由英文字母和數字組成!'); } else { alert('登陸成功!'); } }); });
在上面的代碼中,如果用戶名或密碼為空,則會彈出提示框;如果用戶名長度不在6-16位之間,或者密碼長度少于8位,則也會彈出相應的提示框。如果用戶名或密碼不僅不滿足上述所有條件,還包含其他不合法字符,則也會彈出提示框。只有當所有條件都被滿足時,才會彈出登陸成功的提示框。
上一篇html5 藍綠色代碼
下一篇相機效果咔擦css3