فرم‌ها: event و method submit

معمولا submit event زمانی فعال می‌شود Ú©Ù‡ یک فرم submit می‌شود. معمولا برای اعتبارسنجی فرم قبل از اینکه به سمت سرور فرستاده شود یا لغو Ùˆ پردازش آن در JavaScript استفاده می‌شود.

متد form.submit() اجازه می‌دهد Ú©Ù‡ فرستادن فرم از JavaScript آغاز شود. ما می‌توانیم از آن استفاده کنیم Ú©Ù‡ به صورت پویا فرم‌های خودمان را ایجاد کنیم Ùˆ به سرور بفرستیم.

بیایید جزئیات بیشتری از آن‌ها ببینیم.

Event: submit

دو راه اصلی برای submit کردن یک فرم وجود دارد.

1. اولی – کلیک کردن <input type="submit"> یا <input type="image">.
2. دومی – فشار دادن Enter روی یک input field.

هر دو کار باعث submit event روی فرم می‌شوند. Handler می‌تواند داده را Ú†Ú© کند، Ùˆ اگر خطاییی باشد، آن‌ها را نشان دهد Ùˆ event.preventDefault() را فراخوانی کند، آنگاه فرم به سمت سرور ارسال نخواهد شد.

در فرم زیر:

1. به text field بعدی بروید و Enter را فشار دهید.
2. روی <input type="submit"> کلیک کنید.

هر دو فعالیت alert را نمایش می‌دهند Ùˆ فرم به دلیل return false به هیچ جا فرستاده نمی‌شود:

<form onsubmit="alert('submit!');return false">
  را بزنید enter ،input field  در <input type="text" value="text"><br>
  را کلیک کنید "submit" دوم: <input type="submit" value="Submit">
</form>

<form onsubmit="return false">
 <input type="text" size="30" value="اینجا فوکوس کنید">
 <input type="submit" value="Submit" onclick="alert('click')">
</form>

Method: submit

برای اینکه یک فرم را به صورت دستی submit کنیم، می‌توانیم form.submit() را فراخوانی کنیم.

آنگاه submit event ایجاد نمی‌شود. تصور می‌شود Ú©Ù‡ اگر برنامه‌نویس form.submit() را فراخونی کند، آنگاه script خودش تمام پردازش‌های مربوطه را انجام می‌دهد.

Sometimes that’s used to manually create and send a form, like this: گاهی اوقات معمول ایت است که یک فرم را با این روش ایجاد و ارسال کنند.

let form = document.createElement('form');
form.action = 'https://google.com/search';
form.method = 'GET';

form.innerHTML = '<input name="q" value="test">';

// شود submit باشد تا document فرم باید در
document.body.append(form);

form.submit();