تمرین برنامه نویسی؛ با کدبزن!

منبع جامع سوالات و تمرینات برنامه نویسی

اعتبارسنجی فرم با جاوااسکریپت

آسان 965/ دانلود 212 بازدید

فرمی بسازید که موارد زیر را از کاربر دریافت کند و این فرم را اعتبارسنجی کند

نام و نام خانوادگی (حداکثر ۵۰ کاراکتر)
سن (بین ۱۸ تا ۷۰)
ایمیل (در فرمت ایمیل)
شماره موبایل (شروع با ۰۹ و ۱۱ رقم)
رمزعبور (حداقل ۸ کاراکتر، شامل #، عدد و حروف بزرگ و کوچک انگلیسی)
👨‍💻 2 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد

1 جواب

<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>فرم ثبت‌نام</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <h1>فرم ثبت‌نام</h1>
        <form id="registrationForm">
            <label for="fullName">نام و نام خانوادگی:</label>
            <input type="text" id="fullName" name="fullName" maxlength="50" required>

            <label for="age">سن:</label>
            <input type="number" id="age" name="age" min="18" max="70" required>

            <label for="email">ایمیل:</label>
            <input type="email" id="email" name="email" required>

            <label for="phone">شماره موبایل:</label>
            <input type="text" id="phone" name="phone" pattern="^09\d{9}$" required>

            <label for="password">رمزعبور:</label>
            <input type="password" id="password" name="password" required>

            <button type="submit">ثبت‌نام</button>
        </form>
        <div id="message" class="message"></div>
    </div>
    <script src="script.js"></script>
</body>
</html>
Mma123 دانلود HTML & CSS
<< صفحه قبل 1 صفحه بعد >>

ارسال جواب

// کداتو توی این بخش بنویس
// فرقی نمیکنه چه زبان برنامه نویسی باشه، همرو پشتیبانی میکنیم :)
// البته قبلش این سه خط رو پاک کن
                    
  • لطفا جواب های تکراری ارسال نکن
  • قبل از ارسال، جوابت رو داخل یک کد ادیتور مثل vscode بنویس و بعد اینجا Paste کن
  • جواب های ارسالی، پس از بررسی کوتاهی، ویرایش میشن و در سایت نمایش داده میشن
  • ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است

تمرینات مرتبط

تشخیص با استفاده از هوش مصنوعی
×
×
بستن