خانه آموزش HTML رویدادهای عمومی HTML آموزش رویداد عمومی OnSubmit در HTML

آموزش رویداد عمومی OnSubmit در HTML

توسط

۱۳۹۷-۰۷-۲۲

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnSubmit در HTML با من همراه باشید.

آموزش رویداد عمومی OnSubmit در HTML

Free-Learn

رویداد عمومی onsubmit در HTML

رویداد onsubmit زمانی رخ میدهد که بروی دکمه ارسال داده ها یا همان Submit موجود در فرم کلیک شود.

Free-Learn

مثال از رویداد عمومی onsubmit در HTML

در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.

<body>

<p dir="rtl">لطفا بروی دکمه ارسال کلیک نمایید</p>

<form action="files/test.php" onsubmit="myFunction()">
  نام شما : <input type="text" name="fname">
  <input type="submit" value="ارسال">
</form>

<script>
function myFunction() {
    alert("ممنون که بروی دکمه ارسال کلیک کردی");
}
</script>

</body>

<body>

<p dir="rtl">لطفا بروی دکمه ارسال کلیک نمایید</p>

نام شما : <input type="text" name="fname">

</form>

function myFunction() {

alert("ممنون که بروی دکمه ارسال کلیک کردی");

}

</script>

</body>

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onsubmit در HTML پشتیبانی میکنند یا خیر.

نام مرورگر	Chrome	Firefox	Opera	Safari	IE
پشتیبانی	بله	بله	بله	بله	بله

Free-Learn

روش استفاده

روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.

<form onsubmit="script">

1	<form onsubmit="script">

Free-Learn

جدول مقادیر رویداد onsubmit

در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.

مقدار	توضیح
script	دستورات جاوااسکریپت برای اجرا شدن

Free-Learn

عناصری که توسط این رویداد پشتیبانی می شوند

رویداد onsubmit را میتوان در عناصر/تگ های زیر بکار برد :

<Form>