kiểm tra javascript nếu trường trống – Kiểm tra nếu một đầu vào trống bằng JavaScript – Sử dụng toán tử === để Kiểm tra xem Chuỗi Có Trống không, Sử dụng thuộc tính độ dài để Kiểm tra xem Chuỗi Có Trống không và Chuyển đổi Biến thành Boolean để Kiểm tra xem Chuỗi Có Trống không trong JavaScript.
kiểm tra javascript nếu trường trống
Sử dụng toán tử === để Kiểm tra xem Chuỗi Có Trống không trong JavaScript
console.log(false === "")
console.log(undefined === "")
console.log(2 === "")
console.log(null === "")
console.log("Welcome Pakainfo!" === "")
console.log("" === "")
Kiểm tra nếu giá trị trống trong JavaScript
Trong JavaScript, bạn có thể kiểm tra xem một giá trị có trống không bằng cách sử dụng một số phương pháp khác nhau, tùy thuộc vào loại giá trị bạn đang làm việc:
Kiểm tra cho một chuỗi trống:
const myString = "";
if (myString === "") {
// the string is empty
}
Kiểm tra cho một giá trị null hoặc undefined:
let myVariable = null; // or let myVariable;
if (myVariable === null || myVariable === undefined) {
// the value is null or undefined
}
Kiểm tra cho một mảng trống:
const myArray = [];
if (myArray.length === 0) {
// the array is empty
}
Kiểm tra cho một đối tượng trống:
const myObject = {};
if (Object.keys(myObject).length === 0) {
// the object is empty
}
Lưu ý rằng nếu bạn làm việc với một chuỗi, bạn cũng có thể muốn cắt nó trước khi kiểm tra xem nó có trống không để đảm bảo rằng bất kỳ khoảng trắng nào ở đầu hoặc cuối cũng được loại bỏ:
const myString = " ";
if (myString.trim() === "") {
// the string is empty
}
Cũng đáng lưu ý rằng trong JavaScript, một giá trị trống, như một chuỗi trống hoặc null, được coi là sai, trong khi một giá trị không trống được coi là đúng. Do đó, bạn cũng có thể kiểm tra giá trị trống bằng một câu lệnh if với toán tử phủ định kép, làm cho giá trị trở thành một giá trị boolean và trả về giá trị ngược lại của nó:
const myString = "";
if (!!myString) {
// the string is not empty
} else {
// the string is empty
}
Kiểm tra cho một Chuỗi Trống trong JavaScript
const input = document.querySelector('input')
input.addEventListener('input', evt => {
// Validate input
})
Ví dụ:
var userStr = ""
var memverStr = 0
var clientStr = false
console.log(userStr == "")
console.log(memverStr == "")
console.log(clientStr == "")
nếu giá trị đầu vào là null thì làm gì đó
if(document.getElementById("interview_no").value.length == 0)
{
alert("empty")
}
Sử dụng thuộc tính độ dài để Kiểm tra xem Chuỗi Có Trống không trong JavaScript
let userStr = "Welcome Pakainfo!";
let memverStr = "";
let clientStr = 4;
console.log(userStr.length === 0)
console.log(memverStr.length === 0)
console.log(clientStr.length === 0)
cách kiểm tra nếu tất cả các đầu vào không trống bằng javascript?
const inputFeilds = document.querySelectorAll("input");
const validInputs = Array.from(inputFeilds).filter( input => input.value !== "");
console.log(validInputs) //[array with valid inputs]
Chuyển đổi Biến thành Boolean để Kiểm tra xem Chuỗi Có Trống không trong JavaScript
let userStr = "Welcome Pakainfo!";
let memverStr = "";
console.log(!!userStr)
console.log(!!memverStr)
console.log(Boolean(userStr))
console.log(Boolean(memverStr))
Kiểm tra nếu giá trị trống trong JavaScript
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Check if value is empty in JavaScript - www.pakainfo.com </title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<form name="signup" onsubmit="return prodfileNameMember()">
memberNAME: <input type="text" name="membername">
<input type="submit" value="Save">
</form>
<script>
function prodfileNameMember() {
var membername = document.forms["signup"]["membername"].value;
if (membername == null || membername == "") {
alert("Please enter> the membername. Can’t be blank or empty !!!");
return false;
}
}
</script>
</body>
</html>
Tôi hy vọng bạn đã hiểu về kiểm tra javascript nếu trường trống.
- Bài đăng trên blog này ban đầu được xuất bản tại: https://www.pakainfo.com
