vấn đề HTML trong IE

Question

Tôi đã viết một mã html để đăng nhập như follwing

<div id="wrapper"> 
<div id="page"> 
    <div class="aLogin"> 
     <label>User Name : </label> 
     <input type="text" class="lname" /> 
     <label>Password : </label> 
     <input type="password" class="lpwd" /> 
     <input type="submit" class="logSubmit" value="LOGIN" /> 
     <p class="lalert">test alert</p> 
    </div> 
</div> 

và viết jQuery cho validation.It thay thế alert (ở đây tôi sử dụng <p class="lalert">test alert</p>) tự động.
Vấn đề là, khi tôi chạy điều này trong IE, thông báo cảnh báo được hiển thị hai lần. Nhưng trong các trình duyệt khác không có vấn đề gì.

jQuery

$(document).ready(function(){ 
    $('.logSubmit').click(function(){ 
    var name = $('.lname').val(); 
    var pwd = $('.lpwd').val(); 
    $.post("/login.php",{name:name,pwd:pwd}).success(function(data){ 
     var obj = jQuery.parseJSON(data); 
     $('.lalert').fadeIn('slow'); 
     if(obj.success == 1){ 
      $('.lalert').css('color','#067800'); 
      $('.lname').val(''); 
      $('.pwd').val(''); 
      $('.lalert').html(obj.msg); 
     }else{ 
      $('.lalert').css('color','#CC0000'); 
      $('.lalert').html(obj.msg); 
     } 
    }); 
    }); 
}); 

login.php

<?php 
    $name = $_POST['name']; 
    $pwd = $_POST['pwd']; 
    $err['success'] = 0; 
    $err['msg'] = ''; 
    if($name != 'admin'){ 
    $err['msg'] = 'Invalid Name'; 
    }else if($pwd != 'admin'){ 
    $err['msg'] = 'Invalid Password'; 
    }else{ 
    $err['success'] = 1; 
    $err['msg'] = 'Success'; 
    } 
    echo json_encode($err); 
?> 

tôi không thể tìm thấy lý do tại sao điều này xảy ra. Ai có thể giúp tôi..?

Answer 1

Cuối cùng tôi đã nhận vấn đề solution.The xảy ra do rỗng chữ Node. IE8 tạo ra Nút văn bản trống cho ngắt dòng sau <input>,<select>,<img> thẻ.

Tôi đã xóa không gian đó sau thẻ và bây giờ vấn đề đã được giải quyết

Answer 2

cố gắng sử dụng thay vì sử dụng $('.logSubmit').click(function(){ ...}

sử dụng dưới cú pháp

$('.logSubmit').unbind('click').click(function(){ .....} 

này có thể giải quyết vấn đề này.

Answer 3

Thử thêm trả về false; vào tập tin .logSubmit -click của bạn. Ngoài ra, bạn có thể thử thay thế đầu vào đã nhập bằng một nút < > vì các lần gửi có liên quan đến biểu mẫu (trình) và đây không phải là trường hợp trong trường hợp của bạn.

Answer 4

Xin chào Bạn đã quên viết "return false".

$('.logSubmit').click(function(){ 
    var name = $('.lname').val(); 
    var pwd = $('.lpwd').val(); 
    $.post("/login.php",{name:name,pwd:pwd}).success(function(data){ 
     var obj = jQuery.parseJSON(data); 
     $('.lalert').fadeIn('slow'); 
     if(obj.success == 1){ 
      $('.lalert').css('color','#067800'); 
      $('.lname').val(''); 
      $('.pwd').val(''); 
      $('.lalert').html(obj.msg); 
     }else{ 
      $('.lalert').css('color','#CC0000'); 
      $('.lalert').html(obj.msg); 
     } 
    }); 
     return false; 
    });