How TO - JS Validation للحقول الفارغة
تعرف على كيفية إضافة التحقق من صحة النموذج لحقول الإدخال الفارغة باستخدام JavaScript.
التحقق من صحة النموذج للمدخلات الفارغة
الخطوة 1) أضف HTML:
مثال
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post" required>
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
الخطوة 2) أضف JavaScript:
إذا كان حقل الإدخال (fname) فارغًا ، فإن هذه الوظيفة تنبه رسالة ، وتُرجع خطأ ، لمنع إرسال النموذج:
مثال
function validateForm() {
var x =
document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}