کد های دریافت و نمایش خطا برای کاربر

با سلام کد هایی رو میخواستم که در صورت ارسال فرم پیام خطایی کاربر دریافت کنه در صورتی که قسمت ورودی خالی باشه و آدرس ایمیل به درستی قالب بندی نشده باشه

سلام این و تست کنید

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form Validation</title>
    <style>
        .error {
            color: red;
        }
    </style>
</head>
<body>

    <h2>Form Validation Example</h2>

    <form id="myForm" onsubmit="validateForm(event)">
        <label for="email">Email:</label>
        <input type="text" id="email" name="email">
        <span id="emailError" class="error"></span><br>

        <input type="submit" value="Submit">
    </form>

    <script>
        function validateForm(event) {
            // ایمیل را از فرم دریافت کنید
            var email = document.getElementById('email').value;
            // ایمیل را بررسی کنید
            var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

            if (email === '') {
                // اگر ایمیل خالی باشد، پیام خطا نمایش داده شود
                document.getElementById('emailError').innerHTML = 'لطفاً یک ایمیل وارد کنید';
                event.preventDefault(); // از ارسال فرم جلوگیری کنید
            } else if (!emailRegex.test(email)) {
                // اگر ایمیل به درستی قالب بندی نشده باشد، پیام خطا نمایش داده شود
                document.getElementById('emailError').innerHTML = 'لطفاً یک ایمیل معتبر وارد کنید';
                event.preventDefault(); // از ارسال فرم جلوگیری کنید
            } else {
                // اگر هیچ خطایی وجود نداشته باشد، پیام خطا پاک شود
                document.getElementById('emailError').innerHTML = '';
            }
        }
    </script>

</body>
</html>

کد های دریافت و نمایش خطا برای کاربر

1 پاسخ

سوال برنامه نویسی دارید؟

این سوال حل نشده است!