Проверка формы (обработка событий) в JavaScript

Question

Проверка формы (обработка событий) в JavaScript

0

Я создал форму в html, и я должен проверить ее с помощью JavaScript. Имя первого имени и отца не должно превышать 20 символов, поэтому я разместил для них проверки, но они работают. Здесь мой код

<html>
    <head>
        <script type="text/javascript">
        function validate()
        {
            var firstName=document.f1.firname.value;
            var fatherName=document.f1.fname.value;
            var address=document.f1.add.value;
            var phoneNumber=document.f1.ph.value;
            var cnic=document.f1.cnic.value;
            var email=document.f1.email.value;
            var cgpa=document.f1.fname.value;
            var sem=document.f1.sem.value;
            var id=document.f1.cid.value;
            if(firstName.length>20)
            {
                alert("Value can't exceed 20");
            }
            if(fatherName.length>20)
            {
                alert("Value can't exceed 20");
            }
        }
        </script>
    </head>
    <body>
    <form name="f1">
        Name : <input type="text",name="firname">  <br>
        Father Name: <input type="text",name="fname"> <br>
        Address: <input type="text",name="add"> <br>
        Phone No.:<input type="text",name="ph"> <br>
        CNIC:<input type="text",name="cnic"> <br>
        Email:<input type="text",name="email"> <br>
        City :<br> <input type="radio" name="city" value="lhr"> Lahore <br>
        <input type="radio" name="city" value="karachi"> Karachi <br>
        <input type="radio" name="city" value="isl"> Islamabad <br>
        <select name="country">
            <option value="pakistan">Pakistan</option>
            <option value="india">India</option>
            <option value="china">China</option>
        </select> <br>
        Cgpa:<input type="text",name="cgpa"> <br>
        Department:<input type="text",name="dpt"> <br>
        <select name="degree">
            <option value="se">SE</option>
            <option value="cs">CS</option>
            <option value="it">IT</option>
        </select> <br>
        Semester:<input type="text",name="sem"> <br>
        CollegeId:<input type="text",name="cid"> <br>
        <input type="Submit", value="Submit" ,onsubmit="validate()">
    </form>
    </body>

Какая проблема?

Ahmed 19 янв. 2014, в 12:08

Источник

0

В HTML не должно быть запятых, разделяющих атрибуты, это <input type="Submit", value="Submit" ,onsubmit="validate()"> должно быть <input type="Submit" value="Submit" onsubmit="validate()">
user916411 19 янв. 2014, в 11:09
0

всплывающее окно все еще не появляется ..
Ahmed 19 янв. 2014, в 11:12

Теги:

javascript

html

event-handling

1 ответ

Ещё вопросы

В HTML не должно быть запятых, разделяющих атрибуты, это <input type="Submit", value="Submit" ,onsubmit="validate()"> должно быть <input type="Submit" value="Submit" onsubmit="validate()">
всплывающее окно все еще не появляется ..

Saravana · Accepted Answer · 2014-01-19T10-00-00.000Z

Не используйте запятые для разделения атрибутов HTML. Должен быть:

Name : <input type="text" name="firname">  <br>

и не:

Name : <input type="text",name="firname">  <br>

Событие onsubmit должно быть для формы, а не для кнопки input.

<form name="f1" onsubmit="validate()">

Спасибо, это сработало для меня ...