Làm cách nào để sử dụng mã JavaScript trong Laravel?

Xin lưu ý rằng bài đăng này hiện đã được 3 tuổi. Như bạn đã biết, mọi thứ diễn ra nhanh chóng trong thế giới công nghệ và sự kiện của chúng ta mặc dù các nguyên tắc được mô tả trong bài đăng này vẫn còn hiệu lực, nhưng có thể có những cách tốt hơn để đạt được kết quả tương tự;

Ngoài ra, Laravel 8 mang đến một bộ khởi động mới để nhanh chóng xây dựng giao diện người dùng cho dự án tiếp theo của bạn. Nó được gọi là Laravel Jetstream và rất đáng để xem qua. Tôi sẽ chọn Laravel Jetstream với giàn giáo Inertia cho dự án tiếp theo của mình

Do đó, tôi đang xóa kho lưu trữ mã ban đầu đi kèm với bài đăng này

bài gốc

Bài đăng này là phần đầu tiên của loạt bài lớn hơn về cách thêm Javascript vào dự án Laravel. Nếu chưa, tôi thực sự khuyến khích bạn bắt đầu với bài đăng tổng quan nơi dự án mẫu và mục tiêu của chuỗi được mô tả

Cho đến nay, chúng tôi đã tạo một biểu mẫu đăng ký trong chế độ xem phiến và bước tiếp theo là thêm hành vi mong muốn vào biểu mẫu

• Chọn giới tính nên thêm trường văn bản vào biểu mẫu để nhập tên của bạn. Nhãn của trường văn bản sẽ trở thành Mr. hoặc cô. tùy thuộc vào giới tính đã chọn
• Xác thực địa chỉ email hợp lệ khi trường email mất tiêu điểm và nếu hợp lệ thì kiểm tra xem email còn hay không (thông qua yêu cầu AJAX đến máy chủ). Hiển thị thông báo phản ánh điều này
• Kiểm tra sự kết hợp giữa mã zip và quốc gia khi chọn cái này hay cái kia. Hiển thị thông báo nếu mã zip không tuân thủ các quy tắc dành cho quốc gia cụ thể

Trong bài đăng này, tôi sẽ mô tả cách dễ nhất để đạt được điều này. bằng cách thêm thẻ tập lệnh ngay bên dưới biểu mẫu bên trong chế độ xem phiến và viết tất cả logic Javascript bằng jQuery