ASP.NET OnClientClick = "return false;" không hoạt động

Question

Tôi chỉ muốn thêm xác nhận của một số phía máy khách (xác thực Javascript) trong điều khiển người dùng web. Tôi đặt một trình xử lý OnClientClick và hàm được gọi. NHƯNG, ngay cả khi tôi trả về "sai", phương pháp OnClick luôn bị sa thải. Tôi đang làm gì sai?

Tôi có VS 2010, nhắm mục tiêu khung 4.0 với JQuery 1.4.2. và giao diện người dùng JQuery 1.8.4.

Dưới đây là một số mẫu mã:

<td style="text-align:right"><asp:Button ID="btnAddSave" OnClientClick="return ValidateMail();" OnClick="btnAddSave_Click" runat="server" Text="Submit" /></td> 

Script phương pháp:

function ValidateMail() { 
alert("Bouton clicked"); 
return false; 

}

Nếu tôi đặt một breakpoint trong sự kiện Page_Load, tôi thấy rằng tôi nhận được trong và btnAddSave_Click sự kiện cũng được thực hiện.

Answer 1

Bạn có xử lý sự kiện nhấp chuột (đăng ký qua jquery) trả về true? Trong trường hợp đó, giá trị trả lại của OnClientClick bị bỏ qua.

Hãy nhìn vào câu hỏi của tôi (và trả lời): Why doesn't returning false from OnClientClick cancel the postback

Answer 2

Hãy thử thay đổi nó để

OnClientClick="ValidateMail(); return false;" 

Answer 3

đối với một số lý do, mặc dù tôi không có bất kỳ xử lý sự kiện jquery đính kèm, nó đã không làm việc.

Điều gì thực sự làm việc là:

OnClientClick="if (validate_form() == false) return(false);" 

Answer 4

lớn câu trả lời. Tôi làm theo cách này. Cùng một kết quả- sự kiện OnClick không được kích hoạt nếu false được trả về từ hàm Java.

OnClientClick = "if (!ValidateDelete()) return false;" 
OnClick="btnDeleteSupplier_Click" 

Answer 5

Tôi đang viết câu trả lời này chỉ vì tôi đang sử dụng các nút html với ASP.NET WebForms và tôi không thể tìm thấy giải pháp tại sao tôi nên thay miếng của tôi mã với các ví dụ làm việc. Đây là giải pháp tại sao nó không hoạt động. Hy vọng nó sẽ giúp bạn hiểu vấn đề như kiểm tra nó đã giúp tôi. Đây là bài viết đầu tiên của tôi, vì vậy xin lỗi cho phong cách.

<button type="button" id="buttonAddOrEdit" class="btn btn-success" runat="server" onclick="return myValidate()" onserverclick="buttonAddOrEdit_ServerClick">Zapisz</button> 

Và chức năng javascript:

function myValidation() { 
     if (validator.form()) { 
      //Project logic 
      return true; 
     } 
     else return false; 
    }; 

Sử dụng phía khách hàng nhấp chuột sau khi đúng xác nhận đã không kích hoạt sự kiện trên phía máy chủ được binded đến nút. Giải pháp được đề cập để thay đổi đoạn mã thành:

onclick = "if (! MyValidation()) trả về;"

Hoạt động vì cách html được hiển thị trên trang có onserverclick được tạo. Onserverclick trên nút html đang được thay thế bằng phương thức __doPostBack từ javascript. Mã fullcode của nút html được hiển thị ở phía máy khách trông như sau:

<button onclick="return myValidation(); __doPostBack('ctl00$PortalContent$buttonAddOrEdit','')" id="ctl00_PortalContent_buttonAddOrEdit" type="button" class="btn btn-success">Zapisz</button> Błąd składni 

Và sau khi thay thế bằng nếu có quy định.

<button onclick="if(!myValidation()) return; __doPostBack('ctl00$PortalContent$buttonAddOrEdit','')" id="ctl00_PortalContent_buttonAddOrEdit" type="button" class="btn btn-success">Zapisz</button> 

Làm việc với return myValidate(); sẽ không thu hút sự kiện vì nó trả về trước __doPostBack.

Mã sau sẽ cho phép bạn thêm một số mã khác vào nút nếu cần thiết và sẽ không gây ra bất kỳ sự cố nào.

Answer 6

Chỉ cần thêm javascript:

Ví dụ:

javascript:return ValidateMail();