Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Валидация формы (https://javascript.ru/forum/dom-window/57616-validaciya-formy.html)

yintar 12.08.2015 08:48

Валидация формы
 
Всем привет,
Есть обычная html форма
<form method="post"  id="formRegistration" enctype="multipart/form-data" action="registration.php">

                    <div class="elemRegistration" id="login">
                        <label for="login" class="elemRegistrationTitle">логин</label>
                        <input type="text" name="login" class="login" id="elemRegistrationInput"/>  
                        <span class="errorRegistrationLogin"></span>
                    </div>                                          

                    <div class="elemRegistration">
                        <label for="email" class="elemRegistrationTitle">email</label>
                        <input type="text" name="email" class="email" id="elemRegistrationInput"/>  
                        <span class="errorRegistrationEmail"></span>
                        <!--<span id="email_error_sign" class="error_sign" style="display: inline-block;"></span>-->
                    </div>                                         

                    <div class="elemRegistration">
                        <span for="sex" class="elemRegistrationTitle">Пол</span>
                        <span class="elemRegistrationPol">
                            <input type="radio" name="sex" class="sex" value="1"/>женский
                            <input type="radio" name="sex" class="sex"  value="2"/>мужской      
                        </span>
                        <span class="errorRegistrationSex"></span>
                    </div>                                           

                    <div class="elemRegistration">
                        <label for="birthday" class="elemRegistrationTitle">Дата рождения</label>
                        <input type="date" name="birthday" class="birthday" id="elemRegistrationInput"/>   
                        <span class="errorRegistrationBirthday"></span>
                    </div>                                           

                    <div class="elemRegistration">
                        <label for="foto" class="elemRegistrationTitle">Загрузите свое лучшее фото</label>       
                        <input type="file" name="uploadfile" class="foto" id="elemRegistrationInput"/>
                        <span class="errorRegistrationFoto"></span>
                    </div>

                    <input type="submit" onsubmit="return validateForm()"  name="sendRegistration" class="sendRegistration" value="Регистрация"/>
                </form>

Мне надо сделать валидацию полей и в зависимости от результата отправить форму(или не отправить) на сервер.Я делаю так
$(function() {
                            
                         function validateForm(){
                            return false
                         }
});

форма вообще отправляется в любом случае,а если изменить
<input type="submit"  на <input type="button"

то форма вообще не отправляется.Подскажите ,пожалуйста как правильно сделать так чтобы при успешной валидации форма отправлялась а при не успешной не отправлялась

javaQest 12.08.2015 10:53

вот так вроде работает
<html>


<head>
</style>
</head>
<body>

<form id="f">
 <input id="i">
 <input type="submit">
</form>


<script>

f.onsubmit=function(){
  if(i.value!=="foo") return false
}

</script>
</body>
</html>

javaQest 12.08.2015 11:00

или так
<html>


<head>
</style>
</head>
<body>

<form>
 <input id="i">
 <button id="b">push</button>
</form>


<script>

b.onclick=function(){
  if(i.value!=="foo") return false
}

</script>
</body>
</html>

ksa 12.08.2015 11:01

Цитата:

Сообщение от yintar
<input type="submit" onsubmit="return validateForm()"  name="sendRegistration" class="sendRegistration" value="Регистрация"/>

Ты узнай сначала на какой тег навешивается событие onsubmit...

javaQest 12.08.2015 11:03

Или так
<html>


<head>
</style>
</head>
<body>

<form id="f">
 <input id="i">
</form>

<button id="b">push</button>

<script>

b.onclick=function(){
  if(i.value=="foo") f.submit()
}

</script>
</body>
</html>


Часовой пояс GMT +3, время: 04:15.