html5 форма проверки/bootstrap modal

Я подтверждаю свою форму, меняя тип ввода на адрес электронной почты. У меня есть эта форма:html5 форма проверки/bootstrap modal

<form class="validation" action="#" method="get"> 
     <div class="form-group"> 
      <input type="email" name="email" value="" class="form-control" id="newsletter" placeholder="Your Email"> 
      <button data-toggle="modal" data-target="#answer" type="submit" value="Sign up Now" data-error="Bruh, that email address is invalid" required ><i class="fa fa-angle-double-right"></i></button> 
     </div> 
    </form>

Если у вас есть действующий адрес электронной почты для отправки, я хочу, чтобы модальная функция была открыта. Я использую Bootstrap для достижения этого. Проблема заключается в том, что модальная версия открывается, даже если письмо недействительно. Как я могу это исправить?

источник

2015-09-04 Valeria Melinte

ли вы объявляете HTML 5 доктайпа? – csmckelvey

типа Look электронная почта не работает должным образом, если вы хотите проверить любой вход с помощью JQuery

<html> 
<head> 
<meta charset="utf-8"> 
<title>Makes "field" required and an email address.</title> 
<link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css"> 

</head> 
<body> 
<form id="myform"> 
<label for="field">Required, email: </label> 
<input class="left" id="field" name="field"> 
<br/> 
<input type="submit" value="Validate!"> 
</form> 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"> </script> 
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script> 
<script> 
// just for the demos, avoids form submit 
    jQuery.validator.setDefaults({ 
    debug: true, 
    success: "valid" 
}); 
$("#myform").validate({ 
    rules: { 
    field: { 
     required: true, 
     email: true 
} 
} 
}); 
</script> 
</body> 
</html>

, то вы можете добавить модальный для успеха

источник

2016-03-03 16:09:44

html5 форма проверки/bootstrap modal

ответ

Смежные вопросы