مقاله خود را جستجو کنید

در این بخش میتوانید مقاله خود به صورت حرفه ای جستجو نماید.

چک کردن فیلدهای یک فرم form validation

 تاریخ انتشار : 26 ژوئن 2015    دسته بندی : جی کوئری
با سلام و عرض ادب خدمت دوستان عزیر کدی رو که در زیز مشاهده میکنید جهت چک کردن فیلد های فرم هست . شما میتونید با اچتمل و جاوا اسکریپت یه ولیدیشن قابل قبول رو ایجاد کنید تا کاربراتون راحت تر بتونن فرم ها رو پر کنند و سمت سرور ارسال کنند ...
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>JavaScript</title>
    <script>
        function changeText(){
            var name = contact.name.value ;
            var email = contact.email.value ;
            if(name == "admin"){
                document.getElementById("name").innerHTML = "نام کاربری غیر مجاز می باشد.";
            }else{
                document.getElementById("name").innerHTML = '';
            }

            if(email){
                filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                if (filter.test(email)) {
                    document.getElementById("email").innerHTML = "";
                }
                else{
                    document.getElementById("email").innerHTML = "ایمیل را به صورت صحیح وارد نماید";
                }
            }

           // document.getElementById("show").innerHTML = contact.input2.value ;
        }
    </script>
</head>
<body>

<form name="contact" onkeyup="changeText();">
    <input type="text" name="name"><div id="name"></div>
    <input type="text" name="email" ><div id="email"></div>
</form>

</body>
</html>

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *