درود استاد خسته نباشید . اول متشکر از دوره خوبتون
من میخوام برایی که ارورو هایی که خودم توی بخش فرم هام قرار دادم به کاربر نشون داده بشه ولی این required ای که همش توی بخش inspect صفحه برام فعال میشه نمیزاره کارم اجرا داده بشه و خب به طور کل منطقی هم نیست که همش هی برم و اون required رو تغییر بدم . میخوام بدونم راهی هست که من از توی خود کدم این required رو جوری تنظیم کنم که فقط ارور های خودم رو نمایش بده ؟ مثلا فیلد خالی بود پیامی که خودم تنظیم کردم : لطفا نام و نام خانوادگی خود را وارد کنید. متشکر از شما
سلام خدمت شما دوست عزیز
ببینین زمانی که شما required رو برای یک input تنظیم میکنین ، خود مرورگر یک پیغام خطای پیشفرض رو برای این خطا در نظر میگیره
اگر قصد دارین که پیغام رو شخصی سازی کنین ، 2 روش پیش رو دارین
روش اول اینه که مقدار required رو توی field هایی که در فرم تعریف کردین false کنین و در متد clean مربوط به هر آیتم اون رو چک کنین
روش دوم استفده از دستورات js هستش
این دستورات رو میتونین با تغییرات دلخواه مربوط به پروژه خودتون استفاده کنین :
document.querySelector('form').addEventListener('submit', function(e) {
const requiredInputs = this.querySelectorAll('[required]');
let isValid = true;
requiredInputs.forEach(input => {
if (!input.value.trim()) {
isValid = false;
// Show your custom error message here
const errorElement = document.createElement('div');
errorElement.className = 'error-message';
errorElement.textContent = 'This field is required';
input.parentNode.appendChild(errorElement);
}
});
if (!isValid) {
e.preventDefault();
}
});
متشکر ازتون.
خواهش میکنم دوست من
موفق باشین :)