ASP.NET MVC - #43: Tạo form liên hệ với Google Map API | Create contact from with Google Map API

[@liamnguyen3989]

Mình thấy các clip của TEDU rất hay, mình tin sao này các bạn sẽ được nhiều người biết đến. Hiện giờ mặc dù chưa có nhiều người xem nhưng vẫn mong các bạn vững tâm và làm tốt các clip của mình, chắc chắn sẽ nhiều người đón nhận :)

[@tedudev]

+Linh Nguyen Cảm ơn bạn đã động viên nhé :)

[@MinhQuanCt3]

code chuẩn... chạy ngon lành, nhẹ thank toàn nhiều...

[@doannguyentrong5222]

Cám ơn thầy Toàn !

[@trollwarlordpro]

Có 1 lưu ý là nên debug bằng Chrome hoặc Cốc Cốc nó sẽ tránh xảy ra lỗi ko nhảy vào Debug như trên Firefox

[@huypham30]

Cho em hỏi đoạn 7:24 nếu mình không có cột status thì return thành j ạ

[@tedudev]

thì em return gì cũng dc miễn để biết trạng thái

[@caominhquan6211]

em muốn người dùng phải nhập hết rồi mới cho gửi feedback thì làm thế nào vậy anh,mong anh chỉ,bởi vì em để [require] trong EF thì nó báo lối ở db.savechanges() . lỗi 'Validation failed for one or more entities. See 'EntityValidationErrors' property for more details mvc

[@tedudev]

Em phải validate trên form nhé. Dùng razor validate tag helper

[@ngominhsaoS2]

Anh Toàn thân mến, em có câu hỏi này cần anh giải đáp giúp ạ. Giả sử bây giờ ở cái entity Feedback, mình Required cái trường Email. Thì với cách làm này, nếu người ta không nhập Email vào thì nó sẽ báo lỗi invalid. Cách giải quyết vấn đề này là như thế nào hả anh? Em xin chân thành cảm ơn anh.

[@tedudev]

nếu required mà không nhập thì đương nhiên invalid rồi, vậy sẽ phải nhập email em ạ

[@lucas_tran]

Mình thấy Format lại như vầy sẽ tránh được nhiều lỗi cơ bản như systax, token, undefault... @section jsFooter{ ... } không cần add thêm dòng này => google.maps.event.addDomListener(window, 'load', initMap);

[@lucas_tran]

Src này khá lâu rồi e, lâu r a ko đụng vào, e có zalo add a check thử (0785343657)

[@laptrinhwebsite8247]

anh ơi có thể làm 1 bài dạy tạo key API rồi đưa bản đồ lên web với key vừa tào ko, xong anh cho em xin key google map API với nha

[@botuphap2373]

Cho em hỏi chổ var contentString = '@Model.Content'; làm thế nào để Add Content ạ ! Vì bài của em chỉ là Google map không có Contact nên không biết

[@tedudev]

anh có add content vào mà

[@botuphap2373]

TEDU Channel content trong table SQL đúng k ạ

[@doannguyentrong5222]

Thầy Toàn ơi, thầy cho 1 đoạn code ví dụ về validation form bằng jQuery của form contact !

[@tedudev]

bạn có thể join: tedu.com.vn/khoa-hoc/lam-viec-voi-ajax-jquery-trong-aspnet-mvc-16.html

[@minhhoangvu2881]

EM dùng cách khác nhưng nhanh hơn nhiều, là em vào google map lấy mã nhúng của địa chỉ bản đồ em muốn, rùi apply mã nhúng vào website của em là nó chạy. Không cần phải viết JS xử lý dài dòng ạ. Anh thấy ý kiến của em sao ạ?

[@tedudev]

Dc em. Thực ra a k thích dùng lắm. Chỉ nhúng nhanh thôi.

[@mutcam99]

Bản đồ có lên được nhưng nó có thông báo : The page can't load GG map correctly , map hơi bị tối với có nhiều dòng For development purpose only, còn lại vẫn dùng xem bình thường là sao v anh

[@tedudev]

cái này thì có thể do key em đăng ký app chưa đúng

[@LoanNguyen-ck4og]

a ơi e làm mà khi chạy trình duyệt báo lỗi Uncaught TypeError: $ is not a function ở dòng $('#btnSend').off('click').on('click', function () { .Khắc phục thế nào z a?Help me :(

[@tedudev]

+Loan Nguyễn là em chưa nhúng jquery rồi. Hoặc nhúng nhưng thứ tự chưa đúng. Jquery em phải nhúng trước khi nhúng file chứa sự kiện này

[@nguyenloan6813]

+TEDU - Technology Education Dạ a.e tạo @RenderSection("jsFooter", required: false) ở layout r gọi section jsFooter ở trang liên hệ .z là thứ tự jquyery trước r mới gọi file js mà.đúng k a?@@

[@duylehuu300891]

làm giống anh nhưng bi lỗi này Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.

[@duylehuu300891]

+ong ke em bị lổi ở đâu này google.maps.event.addDomListener(window, "load", initMap); nó cứ báo Uncaught TypeError: Cannot read property 'offsetWidth' of null

[@thieninh7047]

+ong ke mình bị lỗi như bạn và để nguyên dòng document.getElementById('') thì không bị lỗi mặc dù đã nhúng jquery.

[@hieunguyenvan8816]

+ong ke ông sửa đoạn code này : var map = new google.maps.Map($(#'mapCanvas'), { thành var map = new google.maps.Map(document.getElementById('mapCanvas'), { là được

[@nguyenthephong2439]

em làm như của a,debug bằng trình duyệt firefox nó k nhảy vào JsonResult Send nhưng e dùng trình duyệt chorme thì nó lại nhảy vào và insert dữ liệu vào database đc a ạ :( a giúp e với

[@tedudev]

+nguyenthe phong e xem firefox nó bị lỗi gì ở javascript ko

[@nguyenthephong2439]

a ơi e phải thêm chữ debugger ở code js nó mới nhảy vào. Mà lúc bug ở firefox nó hiện ra câu clicking the 'Disable' button overrides 'debugger' with a disabled breakpoint

[@nctoanit0612]

Phần key API, mọi người có thể bỏ trống để test

[@trollwarlordpro]

Bạn có bị cái lỗi "This page can’t load Google Maps correctly" khi load map ko?

[@ThangTran-rk8hm]

@@trollwarlordpro Có nè

[@ThangTran-rk8hm]

Trang này không thể tải Google Maps đúng cách. Bạn có sở hữu trang web này không? Khi load lên rồi thì em bị lỗi này, mong ad xem xét ạ

[@tedudev]

chắc là chưa xác thực ở google app :)

[@TruongSaker]

bác ơi giúp em với map của em bi thông báo này Rất tiếc! Đã xảy ra lỗi. Trang này đã không tải Google Maps đúng cách. Hãy xem bảng điều khiển JavaScript để biết chi tiết kỹ thuật.

[@tedudev]

đó em xem lại code của anh đi

[@TruongSaker]

vầng em thêm key vào nó chạy được rồi bác ak. thanks bác nhé. video của bác rất hay

[@doannguyentrong5222]

Chào thầy Toàn ! Tại bài này khi chạy của tôi báo lỗi này: Google Maps API error: MissingKeyMapError developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error Rất mong thầy chỉ giúp. Cám ơn thầy Toàn nhiều !!!

[@tedudev]

Vậy là bị thiếu key của google map rôif

[@doannguyentrong5222]

Sau trong clip thầy bỏ key đi nó vẫn chạy tốt ?

[@chongaythanghoa]

E cũng bị lỗi này a àh

[@chongaythanghoa]

E cũng bị lỗi này mà ko biết khắc phục làm sao a àh.

[@duckct89]

Các bác vào đây get Key về là được nè: developers.google.com/maps/documentation/javascript/get-api-key

[@TuanTran-hf4xz]

ko sai lỗi nào, mà đưa vào CSDL k có thông tin nào :( Debug cũng k chạy vào là sao ta :(

[@tedudev]

+Anh Tuấn nó báo lỗi gì vậy? Nó bị lỗi ở js rồi mở console lên xem