Không đặt lại biểu mẫu sau khi gửi javascript
Phương thức 7 khôi phục các giá trị mặc định của thành phần biểu mẫu. Phương pháp này thực hiện tương tự như nhấp vào điều khiển 8 của biểu mẫu Show
Nếu một điều khiển biểu mẫu (chẳng hạn như nút đặt lại) có tên hoặc id đặt lại, nó sẽ che dấu phương thức đặt lại của biểu mẫu. Nó không đặt lại các thuộc tính khác trong đầu vào, chẳng hạn như 9Lưu ý rằng nếu 0 được gọi để đặt giá trị của một thuộc tính cụ thể, thì lệnh gọi tiếp theo tới 1 sẽ không đặt lại thuộc tính về giá trị mặc định mà thay vào đó sẽ giữ thuộc tính ở bất kỳ giá trị nào mà lệnh gọi 0 đã đặt thành Video sau đây giải thích chi tiết từng đại diện và chức năng của 3 khác nhau trong API 4Nếu bạn thấy React Hook Form hữu ích trong dự án của mình, hãy cân nhắc gắn sao và ủng hộ nó Gắn dấu sao cho chúng tôi trên GitHubTrong video này, tôi đang sử dụng trình chỉnh sửa trực tuyến có tên là Plunker để viết và chạy mã Angular. Sách và mã kể từ đó đã được cập nhật để sử dụng StackBlitz thay thế. Để hiểu thêm về lý do tại sao và sự khác biệt giữa đọc này Xem mã Mã vận hành
Mục tiêu học tập
đệ trìnhĐể gửi biểu mẫu trong Angular, chúng tôi cần một nút có 5 của 6 trong đánh dấu biểu mẫu của chúng tôi ở giữa các thẻ 7, như vậy
Khi chúng tôi nhấn nút gửi này, thao tác này sẽ kích hoạt cơ chế gửi biểu mẫu HTML5 thông thường, do đó, cơ chế này sẽ cố gắng ĐĂNG biểu mẫu lên URL hiện tại Tuy nhiên, thay vì phát hành một POST tiêu chuẩn, chúng tôi muốn gọi một hàm trên thành phần của chúng tôi, để làm điều đó, chúng tôi sử dụng lệnh 8 và thêm nó vào phần tử biểu mẫu, như vậy
Điều này chiếm quyền điều khiển cơ chế gửi biểu mẫu thông thường và thay vào đó gọi hàm 0 trên thành phần của chúng tôi. Hãy triển khai 0 bằng bảng điều khiển đơn giản. dòng nhật ký như vậyLiệt kê 1. script. ts
Bây giờ, khi chúng tôi nhấn nút Gửi, 2 sẽ được in ra bảng điều khiểnMẹoChúng tôi có thể làm bất cứ điều gì chúng tôi muốn trong chức năng này Để lấy giá trị hiện tại của mẫu biểu mẫu, chúng ta có thể gọi 3Trong phần sau, chúng tôi sẽ đề cập đến cách tạo yêu cầu HTTP, sau khi biết rằng chúng tôi sẽ có thể tạo yêu cầu API chuyển các giá trị từ mô hình biểu mẫu của chúng tôi đặt lạiTrong biểu mẫu hướng mô hình để đặt lại biểu mẫu, chúng ta chỉ cần gọi hàm 4 trên mô hình 5 của mìnhĐối với biểu mẫu mẫu của chúng ta, hãy đặt lại biểu mẫu trong hàm 0, như vậyLiệt kê 2. script. ts 0Biểu mẫu hiện được đặt lại, tất cả các trường nhập trở lại trạng thái ban đầu và bất kỳ thuộc tính 7, 8 hoặc 9 nào cũng được đặt lại về giá trị ban đầuBản tóm tắtChúng tôi có thể liên kết với sự kiện đầu ra lệnh ngSubmit để gọi một hàm trên thành phần của chúng tôi khi người dùng gửi biểu mẫu Việc gọi hàm 0 trên mô hình biểu mẫu sẽ đặt lại biểu mẫu về trạng thái nguyên sơ ban đầuChúng ta có thể gọi các hàm trên thành phần của mình để xử lý biểu mẫu. Tuy nhiên, Angular cung cấp cho chúng ta một cách khác để xử lý các giá trị biểu mẫu, bằng cách sử dụng lập trình phản ứng và RxJS, chúng ta sẽ đề cập đến điều đó trong bài giảng tiếp theo niêm yếtLiệt kê 3. chính. ts 5Bắt lỗi hay muốn đóng góp cho cuốn sách?
JavaScript nâng caoKhóa học độc đáo này dạy cho bạn kiến thức JavaScript nâng cao thông qua một loạt câu hỏi phỏng vấn. Đưa JavaScript của bạn đến năm 2021 ngay hôm nay Nâng cấp JavaScript của bạn ngay bây giờ 6Nếu bạn thấy các khóa học của tôi hữu ích, hãy cân nhắc việc trồng cây thay mặt tôi để chống biến đổi khí hậu. Chỉ $4. 50 sẽ trả cho 25 cây được trồng dưới tên tôi. Trồng cây
Làm cách nào để ngăn biểu mẫu đặt lại khi gửi JavaScript?Bạn có thể sử dụng phương thức preventDefault của đối tượng sự kiện . Lưu câu trả lời này.
Làm cách nào để giữ dữ liệu biểu mẫu sau khi gửi JavaScript?Để giữ các giá trị, bạn phải điền các giá trị trên máy chủ trong khi hiển thị trang . Thông thường, bạn chỉ cần sao chép dữ liệu từ các tham số yêu cầu HTML vào các trường. Thông thường, bạn không thể đơn giản sao chép các tham số yêu cầu HTML vào các trường.
Làm cách nào để xóa biểu mẫu sau khi gửi bằng JavaScript mà không cần sử dụng đặt lại?Để xóa trường nhập liệu sau khi gửi. Thêm trình xử lý sự kiện nhấp chuột vào nút. Khi nút được nhấp, hãy đặt giá trị của trường nhập thành chuỗi trống . Đặt giá trị của trường thành một chuỗi trống sẽ đặt lại đầu vào.
Làm cách nào để đặt lại biểu mẫu sau khi gửi bằng JavaScript?Hàm reset() được định nghĩa trong JavaScript và chỉ cần nhấp vào nó, biểu mẫu sẽ được liên kết với phương thức onclick() của nó sẽ đặt lại mọi phần đầu vào của biểu mẫu được cung cấp . . |