Làm cách nào để chuyển nhiều tham số trong hàm onClick trong JavaScript?

Nhiệm vụ là chuyển một chuỗi dưới dạng tham số trên hàm onClick bằng javascript, chúng ta sẽ thảo luận về một số kỹ thuật. ví dụ 1. Ví dụ này chỉ cần đặt đối số là chuỗi trong thuộc tính onClick của nút gọi hàm có chuỗi làm đối số bằng phương thức onClick()

Để truyền nhiều tham số, bạn có thể truyền chuỗi bằng cách nối chuỗi đó với giá trị ASCII như, đối với dấu ngoặc đơn, chúng ta có thể sử dụng ' var str= "'"+ str+ "'"; . Trong hầu hết các trường hợp, nó hoạt động với mọi trình duyệt

Tham số, trong lời gọi hàm, là đối số của hàm. Các đối số JavaScript được truyền theo giá trị. Hàm chỉ biết các giá trị, không biết vị trí của đối số. Nếu một hàm thay đổi giá trị của đối số, thì nó không thay đổi giá trị ban đầu của tham số. Các thay đổi đối số không hiển thị (được phản ánh) bên ngoài hàm

Với nhiều chức năng, nhiệm vụ là gọi chúng chỉ bằng một sự kiện title bằng JavaScript. Dưới đây là một số phương pháp được thảo luận. Chúng ta có thể gọi chúng bằng cách đề cập đến tên của chúng với phần tử nơi xảy ra sự kiện title hoặc lần đầu tiên gọi một hàm duy nhất và tất cả các hàm khác được gọi bên trong hàm đó

Lưu mã của bạn. Nếu bạn nhấp vào nút lưu, mã của bạn sẽ được lưu và bạn nhận được một URL mà bạn có thể chia sẻ với những người khác

Nhiệm vụ là chuyển một chuỗi dưới dạng tham số trên hàm onClick bằng javascript, chúng ta sẽ thảo luận về một số kỹ thuật. ví dụ 1. Ví dụ này chỉ cần đặt đối số là chuỗi trong thuộc tính onClick của nút gọi hàm có chuỗi làm đối số bằng phương thức onClick(). filter_none

Sửa đổi định nghĩa của hàm check_me thành. function check_me(ev) { Bây giờ bạn có thể truy cập các phương thức và tham số của sự kiện, trong trường hợp của bạn. ev. ngăn chặn Mặc định(); . Nhấp vào đây. Một liên kết hữu ích để hiểu điều này

cách bạn khai báo theVar chỉ hiển thị với hàm setup_Var. bạn cần khai báo cái này bên ngoài hàm. var theVar=''; . ghi nên được kích hoạt bởi title, vì cách hiện tại được thực thi khi trang đang tải, do đó không xảy ra sự kiện title

User687053775 đã đăng

Làm cách nào tôi có thể chuyển nhiều tham số "Hình ảnh" và "hình đại diện tải lên" từ thuộc tính OnClientClick sang hàm Javascript này? . e. Cảnh báo không bao giờ nhấp nháy---mặc dù không có Hình ảnh và không có đường dẫn tệp trong hộp tải tệp lên). Tôi nghi ngờ mình đã làm hỏng cả Javascript và thuộc tính OnClientClick.



       function CheckImageUrl(ImageID, uploadAvatarID)  
    {  
. getElementById(ImageID);
        var image = document.getElementById(ImageID);
        var upload = document. getElementById(uploadAvatarID); . src == null)&&(tải lên. src == null))    
          
       //check ImageUrl and file upload control    
       if((image.src == null)&&(upload.src == null))    
       {
           //hình ảnh không có ImageUrl và sắp không có tệp nào được tải lên
           cảnh báo( . ")
           return false;  
       }     
        other     
       {
           //image has or will have ImageUrl  
            }     
        } 

 Here's the Image control, the Fileupload control, and button with OnClientClick property: <asp:Image ID="Image" runat="server" ImageUrl ='<%# Eval("UserId","Image.aspx?UserId={0}") %>'> Photo path:<asp:FileUpload ID="uploadAvatar" runat="server" />  <asp:LinkButton ID="BtnUpdate" runat="server" CausesValidation="True" Text="Update" OnClientClick="return CheckImageUrl('<%=Image.ClientID%>','<%=uploadAvatar.ClientID%>')"/>

 

User687053775 đã đăng
Thanks Sansan, but I couldn't figure out (I can't even figure out how to properly post code and text on this site). Here's the Image control, the Fileupload control, and button with OnClientClick property:0Here's the Image control, the Fileupload control, and button with OnClientClick property:1 Here's the Image control, the Fileupload control, and button with OnClientClick property:3Here's the Image control, the Fileupload control, and button with OnClientClick property:4

 

Nếu điều đó không thể hoạt động, đây là nơi tôi đang ở với chức năng Javascript và ASP. NET (phần Hình ảnh dường như đang hoạt động---nhưng không phải phần tải lênAvatar, có lẽ vì FileUpload không có thuộc tính src như bạn đã chỉ ra)

 

Here's the Image control, the Fileupload control, and button with OnClientClick property:5


Đây là điều khiển Fileupload và phần OnClientClick của nút

 

Bất kỳ trợ giúp được đánh giá cao. Cảm ơn

 

User687053775 đã đăng
 

Cảm ơn - Tôi bị thu hút bởi sự đơn giản của giải pháp được đề xuất. Nhưng tôi nhận được thông báo lỗi. "đối tượng được yêu cầu". Bất cứ ai cũng có ý tưởng về những gì tôi đang làm sai ở đây.  



       function CheckFileUpload(uploadAvatar)  
    {   
       
        //check if file in fileupload control      
        if (document.getElementById("uploadAvatar").value.length == 0)
       {
           //fileupload không có file
           alert("Bạn cần chọn một file ảnh. ")
           return false;  
       }     
        other     
       {
           //image has or will have ImageUrl  
            }     
        } 

 

 

< asp. FileUpload ID="uploadAvatar" runat="server"/>

 

 

 

Người dùng-287874541 đã đăng

xem bản gốc sang bản in khay nhớ tạm?

  1.    

 

Cảm ơn - Tôi bị thu hút bởi sự đơn giản của giải pháp được đề xuất. Nhưng tôi nhận được thông báo lỗi. "đối tượng được yêu cầu". Bất cứ ai cũng có ý tưởng về những gì tôi đang làm sai ở đây.  



       function CheckFileUpload(uploadAvatar)  
    {   
       
        //check if file in fileupload control      
        if (document.getElementById("uploadAvatar").value.length == 0)
       {
           //fileupload không có file
           alert("Bạn cần chọn một file ảnh. ")
           return false;  
       }     
        other     
       {
           //image has or will have ImageUrl  
            }     
        } 

 

 

 

< asp. FileUpload ID="uploadAvatar" runat="server"/>

 

 

 

 

 

 

 

Xem thông số của bạn? . nếu không thì mã của bạn sẽ hoạt động tốt. Đặt thuộc tính là tất cả cho máy chủ (máy khách có thể truy cập bất cứ thứ gì được gửi tới trình duyệt)

Khi bạn gọi chức năng, chỉ cần sử dụng

OnClientClick="return CheckFileUpload();"

và thay đổi chức năng thành

Here's the Image control, the Fileupload control, and button with OnClientClick property:8

 

(bạn không cần "javascript. " để gọi hàm, nhưng bạn cần thêm "return" để gọi hàm. Và đảm bảo rằng bạn có giá trị trả về trong hàm của mình cho tất cả các kết quả

User687053775 đã đăng
 

Không ai đúng. Không có gì hoạt động. Tôi nhận được thông báo lỗi "bắt buộc phải có đối tượng"

Tôi đã tìm kiếm mã xác thực Fileupload và tìm thấy một trang cung cấp cả giải pháp phía máy khách và phía máy chủ---nhưng không có gì đáng ngạc nhiên là cả hai giải pháp đều không hiệu quả với tôi (rất nhiều thông báo lỗi)

Đây là giải pháp Javascript mà nó đề xuất. Tôi nhận được thông báo lỗi "uploadAvatar" không được khai báo. bất cứ ai đó có thể trả lời tôi tại sao? . Cảm ơn

 

    function ValidateFileUpload(Source, args) {
        var uploadAvatar = document. getElementById('
        var FileUploadPath = uploadAvatar. value;

        if (FileUploadPath == '') {
            // Không có tệp nào được chọn
            đối số. IsValid = false;
        }
  else {
            var Extension = FileUploadPath. chuỗi con(Đường dẫn tải tệp lên. lastIndexOf('. ') + 1). toLowerCase();

            if (Tiện ích mở rộng == "jpg". Tiện ích mở rộng == "bmp") {
                đối số. IsValid = đúng; . IsValid = sai;
            }
            else {
                args.IsValid = false; // Not valid file type
            }
        }
    }

 

< asp. CustomValidator ID="CustomValidator1" runat="server" ClientValidationFunction="ValidateFileUpload" ErrorMessage="Vui lòng chọn hợp lệ. jpg hoặc. tệp bmp" >

 

Người dùng-287874541 đã đăng

Trợ giúp của bạn được đánh giá cao.

Mọi thứ bạn nói đều đúng. Và mã của bạn không hoạt động trong một trang thử nghiệm bị cô lập. Trên thực tế, tôi đang sử dụng một trang chính. Tôi cần đặt Javascript và các điều khiển ở đâu để tính năng này hoạt động?

Tôi đã đặt mã Javascript ở nhiều nơi khác nhau (trên trang chính, trên trang aspx, bên trong thẻ đầu, bên ngoài thẻ đầu, v.v.) và luôn có thông báo lỗi "bắt buộc phải có đối tượng"

Bây giờ, các điều khiển nút và tệp tải lên nằm trong một bảng bên trong edititemtemplate của điều khiển dạng xem biểu mẫu trên trang aspx (không giống như trường hợp với ví dụ hoạt động của bạn, chúng không nằm trong thẻ biểu mẫu---chỉ có trên trang chính;

Cảm ơn một lần nữa trước




Không sao, chỉ là vấn đề đặt tên "đơn giản" thôi. Tôi khá chắc chắn rằng ID của các điều khiển bị thay đổi khi chúng ở trong các điều khiển cụ thể (có thể là trang chính, nhưng chắc chắn là thứ gì đó giống như bộ lặp). Bạn có thể thử sử dụng (không chắc nó có hiệu quả không). Nếu không, bạn cần xem nguồn trang của trình duyệt và tìm id thực đang được gán cho tệp tải lên. Hãy thử tất cả những nỗ lực bạn đã làm (đặt tập lệnh ở những nơi khác nhau) và xem những gì hiệu quả

Làm cách nào để truyền tham số trong hàm onClick trong JavaScript?

Nhiệm vụ là chuyển một chuỗi dưới dạng tham số trên hàm onClick bằng javascript, chúng ta sẽ thảo luận về một số kỹ thuật. .
ví dụ 1. Ví dụ này chỉ cần đặt đối số là chuỗi trong thuộc tính onClick của nút gọi hàm có chuỗi làm đối số bằng phương thức onClick()
đầu ra

Làm cách nào để chuyển nhiều tham số trong hàm trong JavaScript?

Khi bạn gọi một hàm trong JavaScript, bạn có thể chuyển vào bất kỳ số lượng đối số nào, bất kể khai báo hàm chỉ định điều gì . Không có giới hạn tham số chức năng. Trong hàm trên, nếu chúng ta truyền vào bao nhiêu đối số thì kết quả luôn giống nhau vì nó chỉ nhận 2 tham số đầu tiên.

Bạn có thể thêm nhiều sự kiện onClick không?

Cách đầu tiên để thực hiện nhiều sự kiện onClick trong React là viết logic của bạn trong một hàm duy nhất, sau đó gọi hàm đó bên trong trình xử lý sự kiện onClick. To learn more about the onClick event handler in React, check out my tutorial on React onClick Event Handling with Examples.

Làm cách nào để chuyển nhiều tham số trong hàm onClick trong Reacjs?

Sử dụng chức năng mũi tên nội tuyến. Theo ví dụ ở trên, một cách rất đơn giản để chuyển nhiều thuộc tính cho trình xử lý của bạn là gọi trình xử lý từ bên trong một hàm mũi tên nội tuyến . Mã được thêm vào dòng onClick trên phần tử

Chủ đề