Day 8: Validate form có tâm thế này mới đi làm được AE nhé. | 30 Days Thực chiến HTML CSS JS

Поделиться
HTML-код
  • Опубликовано: 5 янв 2025

Комментарии •

  • @giangoan9517
    @giangoan9517 Год назад +1

    12:00 thay vì dùng thẻ span a có thể focus() rồi set lại thuộc tính của border-bottom , nó sẽ nhanh hơn và dễ hiểu hơn cho mấy bnaj bắt đầu . phần sau khá là ok . video a làm rất hay và thực tế

    • @Nodemy
      @Nodemy  Год назад

      cảm ơn em nhé :D rất cần những ae có ý tưởng như em, tham gia cùng group ae cùng học tập nhé
      zalo.me/g/xmtqkm948

  • @nguyenduc8219
    @nguyenduc8219 3 года назад

    kênh này là 1 kênh học lập trình rất là thực tế cảm ơn kênh

    • @Nodemy
      @Nodemy  3 года назад

      Cảm ơn bạn. Thấy hay thì đăng ký kênh và chia sẻ giúp mình để nhận thông báo cho Days tiếp theo nhé bạn

  • @linhphamang9850
    @linhphamang9850 3 года назад +2

    Bạn làm video rất dễ hiểu và bổ ích với người mới học như mình. Đã đăng ký kênh và hy vọng sẽ có thêm nhiều video hướng dẫn như vậy hơn. Cảm ơn đội ngũ Nodemy rất nhiều

    • @Nodemy
      @Nodemy  3 года назад

      Cảm ơn bạn, thấy hay nhớ đăng ký kênh để ủng hộ mình ra nhiều video chủ đề mới nữa nhẽ bạn

    • @TungPham-dt6tr
      @TungPham-dt6tr 2 года назад

      bro đi làm chưa

  • @trunglevan860
    @trunglevan860 3 года назад +1

    mong anh ra video hay và chất lượng về js. Cảm ơn anh vì đã dành thời gian chia sẻ những kiến thức bổ ích về js

  • @minhucnguyen3832
    @minhucnguyen3832 3 года назад +2

    Một kênh rất thực tế và hữu ích cảm ơn anh đã chia sẻ kiến thức

    • @Nodemy
      @Nodemy  3 года назад +1

      Cảm ơn bạn. Thấy hay thì đăng ký kênh và chia sẻ để ae cùng tham gia và học hỏi trao đổi nhé bạn

  • @quantrinh6817
    @quantrinh6817 3 года назад

    nhờ những bài trước mà bài này em đã có thể làm giống đến 90% rồi, cảm ơn anh rất nhiều ạ

    • @Nodemy
      @Nodemy  3 года назад +2

      Okie em nhé, cố gắng cày hết 30days anh ra tiếp chủ đề mới nhé hehee

    • @quantrinh6817
      @quantrinh6817 3 года назад

      @@Nodemy tò mò ko biết chủ đề tiếp theo của anh sẽ là gì ạ :v

  • @quantrinh6817
    @quantrinh6817 3 года назад

    sau khi làm và đọ với code mẫu của anh thì đúng là trời vực :D, cảm ơn anh rất nhiều

    • @Nodemy
      @Nodemy  3 года назад

      Thanks em nhé

  • @tungao7995
    @tungao7995 2 года назад +1

    cảm ơn vì những chia sẻ của bạn, rất oke

  • @huynhnhathao6339
    @huynhnhathao6339 3 года назад

    tới mấy phần này hay quá càng dài càng tốt anh em coi hết không giây nào đâu

  • @minhthongvu3189
    @minhthongvu3189 3 года назад +1

    Cảm ơn anh nhiều.Hóng video mới quá anh ơi

  • @kietvu2545
    @kietvu2545 Год назад +1

    31:00 nó bảo forEach không phải là function thì sửa sao ạ.🥺

    • @Nodemy
      @Nodemy  Год назад

      à vậy dữ liệu em đang dùng không phải mảng rồi. Em vào zalo group học tập nhé
      zalo.me/g/xmtqkm948

  • @NguyenCanh.
    @NguyenCanh. 2 года назад +1

    check input đó phải viết số không được có ký tự hay chữ thì làm sao vậy anh?

    • @Nodemy
      @Nodemy  2 года назад +1

      à em có thể dùng pattern của input nhé

  • @TruongHoang-yo8xh
    @TruongHoang-yo8xh Год назад

    video khá đẹp trai :v

  • @developer276
    @developer276 2 года назад +1

    còn cái gọi api đó là nhiệm vụ của frontend mình tự code lun hay cái đó để cho bên BE code ạ 51:27

    • @Nodemy
      @Nodemy  2 года назад +1

      Bên FE phải làm chứ. Bên BE họ chỉ cung cấp API cho mình thôi

    • @developer276
      @developer276 2 года назад

      @@Nodemy vâng, để gọi dc api bên BE cung cấp thì FE mình phải học những kiến thức gì ạ

    • @Nodemy
      @Nodemy  2 года назад

      @@developer276 ajax nhé, trong html có thể dùng form action

  • @maithingochan9759
    @maithingochan9759 Год назад +1

    Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') bị lỗi này thì fix sao ạ

    • @Nodemy
      @Nodemy  Год назад

      em chọn DOM sai rồi, check lại xem có đúng chưa

  • @lebao03_ytb
    @lebao03_ytb 2 года назад

    anh oi sao lam giong anh rồi, nhập dữ liệu đúng theo yêu cầu mà ấn nút login mà form ko chạy vậy a

  • @hicee
    @hicee 3 года назад

    Hay quá. ra nữa đi b

  • @linhnhat4036
    @linhnhat4036 3 года назад +1

    Em k nghĩ cái span line transition nó đơn giản tới vậy. Lúc trước em làm tùm lum mới ra đc. Cảm ơn anh rất nhiều !!!

    • @Nodemy
      @Nodemy  3 года назад +1

      Cảm ơn bạn. Thấy hay thì nhớ đăng ký kênh với chia sẻ giúp mình để nhận thông báo cho Days tiếp theo nhé bạn

  • @toduyhoangk17hcm68
    @toduyhoangk17hcm68 3 года назад +1

    Uncaught TypeError: Cannot read properties of null (reading 'parentElement') em bị lỗi không đọc được thì phải fix như nào ạ :

    • @Nodemy
      @Nodemy  3 года назад

      À vì nó tìm k ra nên null thôi, xem lại hàm viết chuẩn chưa, hoặc bên html chuẩn chưa

  • @PhanNhatTrungFPLHCM
    @PhanNhatTrungFPLHCM Год назад

    hay

  • @tranquangtrung4764
    @tranquangtrung4764 2 года назад +2

    Thay vì phải submit nó mới báo lỗi thì mình có cách nào bắt lỗi liền không a

    • @Nodemy
      @Nodemy  2 года назад

      Lấy value từng ô input rồi xử lý từng giá trị nhé

    • @lmht24h7
      @lmht24h7 2 года назад +1

      List_input.foreach(item.onInput, item.onchange hay item.onkeyup)

  • @quangthinhang9014
    @quangthinhang9014 3 года назад

    A ơi sắp ra video mới chưa ạ? E hóng quá

  • @atnguyenthanh6818
    @atnguyenthanh6818 3 года назад

    Kênh ra tiếp video đi ạ. Học cuốn quá

    • @Nodemy
      @Nodemy  3 года назад +2

      okie bạn oi. Từ giờ đến cuối tuần ra day 9 cho ae nhé. Nhớ đăng kí kênh để nhận thông báo sớm nhất nhé.

  • @tanhoang9948
    @tanhoang9948 3 года назад

    bao lâu ra 1 video vậy a, chứ cuốn quá...!!!

    • @Nodemy
      @Nodemy  3 года назад +2

      Tuần này sẽ ra tiếp Day 9 bạn nhé. Cảm ơn bạn đã ủng hộ. Hãy đăng kí kênh và share video để nhận thông báo sớm nhất nhé

  • @DuyNguyen-fe5jq
    @DuyNguyen-fe5jq Год назад

    em nghĩ là nó phải check lần lượt thì mới chuẩn cái email chưa đc check trống mà đã bị ghi đè rồi

  • @vukhang510
    @vukhang510 3 года назад

    đoạn code này: let isEmailError = !regexEmail.test(input.value) em chưa rõ lắm anh có thể giải thích giúp em được không ạ

    • @Nodemy
      @Nodemy  3 года назад +1

      regexEmail.test(input.value) nếu value hợp lệ thì trả về true, nếu value k hợp lệ thì trả false.
      Nên đáng ra sẽ là isEmailOK = regexEmail.test(input.value)
      Nhưng a đặt tên biến là isEmailError (tức là có lỗi Email hay không? ) thì anh sẽ gán = !regexEmail.test(input.value)
      Tên biến đặt càng dễ hiểu càng tốt

    • @vukhang510
      @vukhang510 3 года назад

      @@Nodemy Dạ em cám ơn

    • @vunguyenxuan8721
      @vunguyenxuan8721 2 года назад

      @@Nodemy cho hỏi phương thức test ở đâu ra mà bạn gọi từ regexEmail được vậy?

  • @minhhieutran1109
    @minhhieutran1109 3 года назад

    Thầy làm về thêm sửa xoá nữa đi ạ

    • @Nodemy
      @Nodemy  3 года назад

      Sẽ có thêm sửa xoá nhé, ae follow kênh để xem thêm nhiều kiến thức về lập trình nhé

    • @pandan5837
      @pandan5837 3 года назад

      xóa thì bạn xóa phần tử trong mảng dữ liệu đi còn sửa thì inner nó ra, xóa cái cũ đi là xong 😂

  • @nguoivungbien2954
    @nguoivungbien2954 2 года назад

    sao mất baif 21 đến 30 rồi Ad

  • @h.n.a.d7804
    @h.n.a.d7804 3 года назад

    e nghĩ cái này hợp với form đăng ký phải không ạ. vì Login thì nó kiểm tra dữ liệu từ DB ạ

    • @Nodemy
      @Nodemy  3 года назад

      Validate là chuẩn hoá dữ liệu đầu vào và thông báo cho người dùng, mục tiêu là áp dụng cho mọi form nhé không riêng gì Login, đăng kí đâu em. Còn về check DB là check từ server, validate giúp hạn chế bugs khi server kiểm tra từ DB đó em

  • @thanginhvan9577
    @thanginhvan9577 2 года назад

    Anh ơi cho em xin source code được k ạ?

  • @mihnhiu108
    @mihnhiu108 Год назад

    thấy giống vũ liz

  • @giahuyha6189
    @giahuyha6189 3 года назад +1

    không biết là anh đã fix chưa nhưng giả sử password không đủ dài mà password confirm trùng thì nó vẫn không có lỗi anh ạ, em code theo 1 kiểu khác anh 1 tí vì em nghĩ sau này có 1 số chỗ cần nhận nhiều quy tắc hơn chỉ là required và quy tắc đặc trưng của nó

    • @Nodemy
      @Nodemy  3 года назад +1

      Tốt em ơi, có những bugs có thể k lường trước được, em cứ test nhé. Mình học phải biết biến kiến thức thành của mình và sáng tạo nó. Em đang làm rất tốt nhé, cố gắng phát huy

    • @h.n.a.d7804
      @h.n.a.d7804 3 года назад

      vậy thì chắc bạn quên ko checkLenght cho Password rồi .

    • @giahuyha6189
      @giahuyha6189 3 года назад +2

      @@h.n.a.d7804 Vấn đề là cách code của anh thì mỗi trường input nhận tối đa 2 rule thôi bạn (required và rule riêng), giả sử cố tình chọn 3+ thì rule cuối cùng sẽ ghi đè rule trước (giả sử rule trên có lỗi, nó sẽ hiện thông báo lỗi, kèm class invalid đỏ chót, xong chạy đến rule dưới, nếu rule dưới đúng thì nó sẽ xóa bỏ lỗi đi hết và thêm valid vào luôn)

  • @vanrino4023
    @vanrino4023 Год назад

    sao không hiểu 1 tí gì luôn nhỉ?? toàn viết mà không biết vì sao phải viết như vậy??

    • @ucnguyen3142
      @ucnguyen3142 Год назад

      tôi cũng vậy nè, rẽ hướng sang lập trình, tự học đến cái js này khó hiểu vãi.

    • @ancukheokhong
      @ancukheokhong Год назад

      @@ucnguyen3142 Nói chung là mình tự code tự hiểu thôi. Xem video cũng chỉ củng cố thêm cách làm, cú pháp, xem người ta code như thế nào. Chứ chưa hiểu bản chất mà xem người khác code thì khó hiểu lắm.

  • @NamNguyen-ql3fe
    @NamNguyen-ql3fe 3 года назад

    Wow Liên Hệ Với Bạn Ở Đâu

    • @Nodemy
      @Nodemy  3 года назад

      Bạn cần tư vấn hay giải đáp thì liên hệ với mình qua đây nhé facebook.com/nam.nodemy

  • @NguyenSon-vn3rd
    @NguyenSon-vn3rd Год назад

    - parent.classList.add('error') ( phút 29 )
    - Em ko hiểu tại sao mình add thêm class ' error ' này vào lmj trong khi mình ko dùng đến ạ hic :

    • @DuogVu
      @DuogVu Год назад

      có đấy , nếu add error thì border màu đỏ

  • @trunglevan860
    @trunglevan860 3 года назад

    mong anh ra video hay và chất lượng về js. Cảm ơn anh vì đã dành thời gian chia sẻ những kiến thức bổ ích về js

    • @Nodemy
      @Nodemy  3 года назад

      Okie em nhé. Thấy hay thì nhớ đăng kí kênh và share để ac cùng vào học hỏi trao đổi nhé