سلام علیکم و خسته نباشید،
میخواستم توضیح دستور زیر را بدهید (چرا return را در قسمت onclick می نویسیم، اگر در تابع بنویسیم کار نمی کند. علتش چیست؟).
منظورم این قسمت هست.
<input type="submit" value="Save Data" onclick="return CheckData()"/>
اگر در اینجا ننویسیم فرم ارسال می شود.
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
</head>
<body>
<form action="././ShowAnswer.html" method="get">
<label for="FName">First Name: </label>
<input type="text" id="txtFName" name="tFName" />
<br /><br />
<label for="LName">Last Name: </label>
<input type="text" id="txtLName" name="tFName" />
<br /><br />
<label for="Age">Age: </label>
<input type="text" id="txtAge" name="tAge"/>
<br /><br />
<input type="submit" value="Save Data" onclick="return CheckData()"/>
</form>
<script>
let CheckData = () => {
var tFName = document.getElementById("txtFName").value;
var tLName = document.getElementById("txtLName").value;
var tAge = document.getElementById("txtAge").value;
if ((tFName.length == 0) || (tLName.length == 0) || (tAge.length == 0)) {
alert("You have to fill all datas.");
console.log(`FName: ${tFName == ""} LName: ${tLName == ""} Age=${tAge == ""}`);
return false;
}
}
</script>
</body>
</html>