2015-09-21 3 views
0

Добрый день!Проверить поля с модальной

У меня есть следующие вопросы. У меня есть простая регистрация и хочу зарегистрировать новый рекорд он сказал мне:

1- Если поле пусто он показывает мне сообщение «Заполните поля»;

2. Если поле формы уже существует в базе данных он показывает, что «повторяющееся значение»;

3. Если нет, то он будет спасти банк;

Ну, я хотел бы сделать эту проверку в покадрово. Я сделал следующие тесты:

index.php

<html> 

<title>Modal</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<head> 

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
    <style> 
    .modal-header, h4, .close { 
     background-color: #5cb85c; 
     color:white !important; 
     text-align: center; 
     font-size: 30px; 
    } 
    .modal-footer { 
     background-color: #f9f9f9; 
    } 
    </style> 
</head> 
<body> 

<form action="teste.php" method="post"> 
    Nome: <input type="text" name="username" > <input type="submit" name="submit" value="Abrir sem modal" /> 

<div class="container"> 
    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Abrir com modal</button> 
    <div class="modal fade" id="myModal" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Teste Modal</h4> 
     </div> 
     <div class="modal-body"> 
      <p><?php include 'teste.php'; ?></p> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

</form> 

</body> 
</html> 

test.php

<php 

require("conexao.php"); 

     $nome = $_POST['username']; 

     if ($nome == "") { 
      echo "Preencha o campo"; 
     } else { 
      $sql = mysql_query("SELECT nome FROM tb_visitas WHERE nome='$nome'"); 

      if (mysql_num_rows($sql) > 0) { 
       echo "Valor duplicado"; 
      } else { 
       echo "Gravando registro"; 
      } 
     } 

?> 

На кнопке "без модального" он делает правильный чек, вы можете сделать то же самое с модальным?

Спасибо,

Нето.

+2

INGLES пожалуйста? Ps. избавиться от устаревших функций MySQL – user5173426

+0

И в вашем '' taste.php' вместо user5173426

+0

@netovgs вам нужно АЯКС решение, увидеть этот ответ http://stackoverflow.com/questions/32433765/как к миновать-получить переменную-из-линии-к-bootstrapmodual/32434127 # 32434127 – Shehary

ответ

0

Несколько проблем здесь. Во-первых, Wheres код AJAX? вы не можете послать запрос POST без перезагрузки Если вы не используете AJAX. Кроме того, ваша форма не подает. Что Вам нужно отделить ионы модальной информации, формы и JS. Попробуйте это:

<form> 
     Nome: <input type="text" name="username"> 
     <button type="submit" class="btn btn-info btn-lg">Abrir com modal</button> 
    </form> 

    <div class="container"> 
     <div class="modal fade" id="myModal" role="dialog"> 
      <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal">&times;</button> 
         <h4 class="modal-title">Teste Modal</h4> 
        </div> 
        <div class="modal-body"> 
         <p></p> 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

    <script> 
     $('form').submit(function() { 

      var postdata = { 
       username: $(this)[0].username.value, 
       // email: $(this)[0].email.value 
       // etc... 
      } 
      $.post("teste.php", postdata, function (d) { 
       $('#myModal').find(".modal-body").html(d); 
       $('#myModal').modal('show'); 
      }); 
      return false; 
     }); 
     // 
    </script> 
+0

А если мне нужно добавить несколько полей? Электронная почта, телефон и т.д. ... Я пытался, но я предполагаю, что есть какая-то ошибка синтаксиса =/ – netovgs

+0

вы можете объяснить немного лучше? где вы хотите разместить информацию о Que? и где она приходит? – CodeGodie

+0

К сожалению, в данный момент: $ .post ("test.php", {имя пользователя: $ (это) [0]} .username.value, функция (d) .... Если я хочу, чтобы добавить другие поля формы . что бы это правильный синтаксис? Thks – netovgs

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