Кнопка JQuery на странице входа

Question

Кнопка JQuery на странице входа

0

Я очень новичок в программировании, и у меня есть некоторые проблемы с кнопкой jquery.

Я хочу использовать кнопку jquery (jqueryUI), но она не работает, на моей странице отображается "Имя пользователя и пароль неверно!". но если я использую обычную кнопку (без login.js) Это нормально

так как я могу исправить эту проблему? Спасибо.

Форма HTML: -

<form id="Login_form" method="post" action="sql_login.php">
<table>
    <tbody>
    <tr> <td colspan="2"></td> </tr>
    <tr>
    <td> <span> USERNAME  : </span> </td>
    <td> <input  type="text" name="txt_username" id="txt_username" /> </td>
    </tr>
    <tr> <td colspan="2"></td> </tr>
    <tr>
    <td> <span> PASSWORD  : </span> </td>
    <td> <input  type="password" name="txt_password" id="txt_password"  /> </td>
    </tr>
    </tbody>
</table>
<input  type="submit"  value="Enter" class="Button"  ></input>
</form>

javascript (login.js)

  $(document).ready(function() {
       $('.Button').button().click(function(event){
         var usernameTxt = $('#txt_username').val();    
         var passwordTxt = $('#txt_password').val();
     if (usernameTxt =="" || passwordTxt =="") {
        alert("username or password required !");
        return false;
    }
     else window.location = "sql_login.php";
        });
       });

Код Php (sql_login.php)

    <?ob_start();?>
    <?
session_start();
include("DB_Connect.php");
$sql = "SELECT * FROM user WHERE Username='".mysql_real_escape_string($_POST['txt_username'])."' 
and Password = '".mysql_real_escape_string($_POST['txt_password'])."'";
$query = mysql_query($sql);
$result = mysql_fetch_array($query);            
if(!$result)
{
  echo "Username and Password Incorrect!";
} else {        
      $_SESSION["UserType"] = $result["UserType"];
      session_write_close();
    if($result["UserType"] == '0')
    {
        header("Location: ../User/User_Schedule.php");              
    }
    else
    {
    header("Location: ../Admin/Admin_Schedule.php");
    }
}
mysql_close();
      ?>

user2322921 30 нояб. 2013, в 16:33

Источник

Теги:

php

javascript

jquery

jquery-ui

2 ответа

0

Вы должны использовать метод post или get для отправки этих данных. Можешь попробовать:

   $(document).ready(function() {
   $('.Button').button().click(function(event){
     var usernameTxt = $('#txt_username').val();    
     var passwordTxt = $('#txt_password').val();
    if (usernameTxt =="" || passwordTxt =="") {
    alert("username or password required !");
       return false;
    }else{
         var dataString = "txt_username=" + usernameTxt + "&txt_password="passwordTxt;
         $.ajax({
           type: "POST",
           url: /sql_login.php,
           data:dataString,
           success:function(data){
                window.location(/User/User_Schedule.php)
            }
         });
      }

    });
   });

leonardeveloper 30 нояб. 2013, в 14:14

0

Большое спасибо :]]]
user2322921 30 нояб. 2013, в 15:44

Ещё вопросы

przeqpiciel · Accepted Answer · 2013-11-30T13-35-00.000Z

Вам нужно предотвратить действие отправки по умолчанию, если что-то не так

$(document).ready(function(){
    $('form[id=Login_form]').submit(function(event){
        var usernameTxt = $('#txt_username').val();    
        var passwordTxt = $('#txt_password').val();
        if (usernameTxt =="" || passwordTxt =="") {
            alert("username or password required !");
            event.preventDefault(); //prevent default submit action
        }
    });
})