HTML JavaScript: с помощью всплывающего окна?

-3

Я пытаюсь создать всплывающее окно для смены пароля.HTML JavaScript: с помощью всплывающего окна?

Ниже я попытался:

<form name="passwd" action="passwd.php" method="POST" > 
Old Password:<input type="text" id="oldpwd" name="old_password" ><br> 
New Password:<input type="text" id="newpwd" name="new_password" ><br> 
Confirm Password:<input type="text" id="conpwd" name="confirm_password" ><br> 
<input type="submit" value="Change password" width="5" id="cp"> 
</form>

источник

2013-12-25 usminuru

Если вы не хотите страницу, чтобы обновить вам нужно использовать AJAX для взаимодействия с PHP скрипт и заменить содержимое страницы с ответом сервера. –

Вы ожидаете результата без загрузки страницы? –

Спасибо! Я хочу показать сообщение на самой главной странице. В это время мне не нужно потерять содержимое страницы, учетные данные должны быть проверены на сервере. – usminuru

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script> 
    function Ajax(Form) 
    { 
    $.ajax({ 
     cache: false, 
      type: 'post', 
      url: 'ChangePasswordPhpScript.php', 
      data: $(Form).serialize(), 
      success: function(result) { 
      $('#info').html(result); 
    }}); 
    return false; 
    } 
    </script> 
<form onsubmit="return Ajax(this)"> 
<div id="info"></div> 
<input type="text" name="email"><br/> 
<input type="text" name="old"><br/> 
<input type="text" name="new"><br/> 
<input type="text" name="confirm"><br/> 
<input type="submit" name="update" value="update"><br/> 
</form>

источник

2013-12-25 09:10:48 user2857877

Спасибо, Ваш комментарий работает успешно. Я также проверил ссылку, которую вы мне дали. – usminuru

Могу ли я сделать это всплывающее окно смены пароля меньше и форматировать информацию о результатах? – usminuru

мой путь что-то вроде этого:

template.html:

<div class="errormsg">#ERROR#</div>

script.php:

<?php 
    $template = file_get_contents('template.html'); 
    if ($template !== NULL) { 
     $error = array(); 
     if ($_POST['email'] == '') { 
      $error[] = "The field email is empty"; 
     } 

     $errorStr = ''; 
     foreach ($error as $message) { 
      $errorStr .='<p>'.$message.'</p>'; 
     } 

     $template = str_replace('#ERROR#',$errorStr,$template); 
    }

Если вы хотите использовать j запрос, чем взглянуть на event.preventDefault

источник

2013-12-25 09:09:01 demonking

HTML JavaScript: с помощью всплывающего окна?

ответ

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