GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam

AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam

HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ

Trang chủ >> WapMaster

Tìm Kiếm → Thảo Luận

Hướng dẫn tạo Form bình luận giống Facebook (không dùng nút Submit)

RoSino18k

21-09-2015

Mọi người chắc hẳn đã quá quen thuộc với form comment của facebook rồi phải không? Cái hay của nó ở chỗ là chúng ta không cần phải dùng tới nút Submit vui

Như các bạn đã biết khi sử dụng form comment trên Facebook. Thì mỗi khi ấn Enter thì nội dung sẽ được gửi đi (submit) và khi ta giữ nút Shift và ấn Enter thì nó sẽ xuống 1 dòng mới.

Tưởng chừng search Google là sẽ thấy, nhưng có tìm thì mới biết nó gian nan tới mức nào. Nay mình sẽ share cho mọi người Plugin này, mình đã tối giản nó để mọi người có thể sử dụng 1 cách dễ dàng nhất.

DEMO: Ai test thành công sẽ được đặt demo nha hehe

Đầu tiên
Không thể thiếu đó là thư viện jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

Tiếp theo
Cài đặt Plugin ShiftEnter bằng cách đặt nó dưới thư viện jQuery

Plugin ShiftEnter:

Tại Đây

Các bạn download Plugin Js về rồi đưa vào thẻ:

Cuối cùng
Tạo form để thực thi. Các bạn tạo form theo mẫu sau:
Mình sẽ tạo 1 form mẫu nhé.

Nếu bạn muốn thực thi trên 1 form khác thì phải khai báo đủ các input, select, option v.v..
Nhưng không khai báo <input type="submit"> nhé!
Mà thay vào đó là đưa &submit=OK vào action
Trong một số trường hợp, có thể bạn sẽ phải khai báo toàn bộ các name vào action và không kèm theo value của nó:

Ví dụ:

Lưu ý:

<textarea> luôn phải có id="wki_shiftenter"

Như vậy mình đã share cho các bạn 1 Plugin hay cho trang Web của bạn. Đó là Plugin ShiftEnter được dùng để tạo Form comment giống Facebook.

Chúc các bạn thành công!
WapkaInternational.Com
Nguồn: DuyPobby

↓ Tập tin Đính kèm ↓