На сайте есть форма регистрации в виде всплывающего модального окна.
Не могу добиться проверки полей, точнее поставил условие при не заполненности поля выскакивает алерт, но в то же время исчезает модальное окно, т.к. есть такая строчка
<input type="submit" id="submit1" name="cmdwebsignup" value="зарегистрироваться" class="btn" />
Чем можно заменить инпут чтобы проверка полей работала корректно?
сам код:
<form id="websignupfrm" method="post" name="websignupfrm" action="">
<div class="inputBox" id="inputBox1">
<label>Имя*</label>
<input type="text" name="fullname" id="name" value="" />
</div>
<div class="inputBox">
<label>Фамилия</label>
<input type="text" name="surname" id="surname" value="" />
</div>
<div class="inputBox">
<label>E-mail*</label>
<input type="text" name="email" value="" id="mail" onkeyup="double_mail.value = this.value"/>
<input style="" type="hidden" name="username" value="" id="double_mail"/>
</div>
<div class="inputBox">
<label>Телефон</label>
<input type="text" name="phone" id="phone" value="" />
</div>
<div class="inputBox">
<label>Пароль*</label>
<input type="password" name="password" value="" id="pwd1" onkeyup="pwd2.value = this.value" />
<input style="" type="hidden" name="confirmpassword" id="pwd2" value="" />
</div>
<div class="captchaBox">
<label>Введите код*</label>
<input type="text" id="captcha" value="" />
<div class="captchaPic">
<a href="[+action+]"><img src="manager/includes/veriword.php" style="" alt="" /></a>
</div>
</div>
<div class="btnBox">
<input type="submit" id="submit1" name="cmdwebsignup" value="зарегистрироваться" class="btn" />
</div>
</form>
<script type="text/javascript">
$(function() {
$('#submit1').on('click', function() {
var name = $("#name").val();
var email = $("#email").val();
var message = $("#message").val();
var email_send = $("#email_send").html();
if (name==0) {
alert('no name');
}
});
});
</script>