• 1404/04/11

ایراد در بخش required :

درود استاد خسته نباشید . اول متشکر از دوره خوبتون 

من میخوام برایی که ارورو هایی که خودم توی بخش فرم هام قرار دادم  به کاربر نشون داده بشه ولی این required ای که همش توی بخش inspect صفحه برام فعال میشه نمیزاره کارم اجرا داده بشه و خب به طور کل منطقی هم نیست که همش هی برم و اون required رو تغییر بدم . میخوام بدونم راهی هست که من از توی خود کدم این required رو جوری تنظیم کنم که فقط ارور های خودم رو نمایش بده ؟ مثلا فیلد خالی بود پیامی که خودم تنظیم کردم : لطفا نام و نام خانوادگی خود را وارد کنید. متشکر از شما 

  • 1404/04/12
  • ساعت 13:18

سلام خدمت شما دوست عزیز

ببینین زمانی که شما 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();
    }
});

  • 1404/04/12
  • ساعت 19:49

متشکر ازتون.

 


  • 1404/04/13
  • ساعت 13:50

خواهش میکنم دوست من

موفق باشین :)


logo-enamadlogo-samandehi