0

index.html ファイルで javascript を使用して、ログイン php ページを別の javascript フォームで読み込みます。login.php ページに直接移動すると、送信ボタンは正常に機能しますが、index.html ファイルに読み込まれると、視覚的にすべてが画面に正しくロードされていても、何もしません。

これが私のindex.htmlです

<!doctype html>
<html>
<head>
</head>
<body>
<div id='myStyle'></div>
<script src="jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#myStyle').load('./login.php');
});
</script>
</body>
</html>

そして、ここに login.php ファイルがあります

<script type="text/javascript" src="sha512.js"></script>
<script type="text/javascript" src="forms.js"></script>
<?php
include 'db_connect.php';
include 'functions.php';
sec_session_start();
if(isset($_GET['error'])) { 
  if($_GET['error']==1) {
    echo 'Error Logging In!';
  }
}
if(login_check($mysqli) == true) {
  header('Location: ./registration.php');
} else {
?>
<html>

<head>
   <title>Sprinkler Controller - Login</title>
</head>

<body>
    <table border="0" align="center">
    <form action="process_login.php" method="post" name="login_form">
       <tr>
       <td>Email:</td><td><input type="text" name="email"</td>
       </tr>
       <tr>
       <td>Password:</td><td><input type="password" name="password" id="password"/></td>
       </tr>
       <tr>
       <td colspan ="2" align="center"><input type="button" value="Login" onclick="formhash(this.form, this.form.password);" /></td>
       </tr>
    </form>
    </table>
</body>
</html>
<?php
}
?>

login.php が forms.js からフォームをロードすることに注意してください。

function formhash(form, password) {
   // Create a new element input, this will be out hashed password field.
   var p = document.createElement("input");
   // Add the new element to our form.
   form.appendChild(p);
   p.name = "p";
   p.type = "hidden"
   p.value = hex_sha512(password.value);
   // Make sure the plaintext password doesn't get sent.
   password.value = "";
   // Finally submit the form.
   form.submit();
}

少し読んでいて、曲に何かを追加する必要があると思います

$(document).on('submit', '#password', function(evt){
  evt.preventDefault();
})

しかし、どのファイルとそのファイルのどこに配置する必要があるのか​​ わからないだけでなく、それを修正するために本当に必要なのかどうかもわかりません!

4

2 に答える 2

0 
<!doctype html>
<html>
<head>
</head>
<body>
<div id='myStyle'></div>
<script src="jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#myStyle').load('./login.php');
    $(document).on('submit', 'form', function(evt){
      evt.preventDefault();
    })
  });
</script>
</body>
</html>
于 2013-09-13T18:31:49.023 に答える
0

全体的な問題は、login.php ファイル内の HTML ページ全体を DIV にロードしようとしていたことです。index.html ファイルを捨て、login.php に直接移動するだけで、html ページ内にラップしようとしません。

于 2013-09-16T18:42:39.197 に答える