Hướng dẫn giới hạn nhập URL trong input với jQuery

Xem: 691    Tải: 2   Thảo luận: 0   Mục: Javascript   Lĩnh vực: Khác

0 điểm   ( 3 đánh giá ) File đã được kiểm thử

1 MEGA [megacode]huong-dan-gioi-han-nhap-url-trong.rar (1.42 KB)
Phí tải ~ 2,000 đ
Live Demo

Bạn cần phải Đăng nhập để tải file [megacode]huong-dan-gioi-han-nhap-url-trong.rar
Nếu bạn chưa có tài khoản thì Đăng ký miễn phí tại đây

Báo lỗi download   Báo vi phạm bản quyền

Thỉnh thoảng các bạn sẽ muốn giới hạn người dùng nhập không quá một URL hoặc ngăn ngừa nhập những từ giống nhau trong một thẻ input box. Với jQuery điều này sẽ dễ dàng được thực hiện, và các bạn có thể tận dụng code trong bài viết này để áp dụng cho những mục đích khác của mình sau này.

Tổng đài hỗ trợ KT: (+844) 6. 32.979.36 - Hotline: 0969.091.265
Hỗ trợ KT từ: 8h-17h30 các ngày trong tuần trừ chiều T7, CN và các ngày lễ;
Hỗ trợ kỹ thuật (KT) và cam kết chất lượng:
1. Code đảm bảo chất lượng giống demo 100%
2. Hỗ trợ cài đặt code cho khách hàng
3. Hỗ trợ hướng dẫn sử dụng cho khách hàng
Mega download: 1 MEGA = 2.000đ

Thỉnh thoảng các bạn sẽ muốn giới hạn người dùng nhập không quá một URL hoặc ngăn ngừa nhập những từ giống nhau trong một thẻ input box. Với jQuery điều này sẽ dễ dàng được thực hiện, và các bạn có thể tận dụng code trong bài viết này để áp dụng cho những mục đích khác của mình sau này.

HTML

Trước hết chúng ta cần có định dạng html như sau :

<div id="error"></div>
<textarea id="description" cols="40" rows="5"></textarea><br />
<input type="button" id="submit" value="submit">

jQuery

Và đây là đoạn jQuery sử dụng phương thức match() để tìm chuỗi từ input box. Chúng ta sẽ đếm số lượng url có trong input box và thông báo khi người dùng nhập quá số lượng.

$(document).ready(function() {
$('#description').bind('keyup', function() {
    var textArea = $(this).val().match(/http:\/\//g); // search for string
    var UrlNoAllowed = 1;
    if(textArea!==null && textArea.length> UrlNoAllowed) //check wheather it is NULL
    {
        $("#submit").attr("disabled", "disabled"); // disable submit button
        $("#error").html("Not allowed to enter more than 1 URL!"); //outpur error
    }else{
        $("#submit").removeAttr("disabled"); // restore submit button
        $("#error").html(""); //restore output error
    }
});   
});

Mình mong là với đoạn jQuery bên trên, các bạn sẽ có thể hiểu rõ hơn về cách sử dụng cũng như cách dùng jQuery để so sánh chuỗi.

Chúc các bạn thành công !

Tags: jQuery

Hướng dẫn giới hạn nhập URL trong input với jQuery

Hướng dẫn giới hạn nhập URL trong input với jQuery Đăng ngày 21-08-2014  Thỉnh thoảng các bạn sẽ muốn giới hạn người dùng nhập không quá một URL hoặc ngăn ngừa nhập những từ giống nhau trong một thẻ input box. Với jQuery điều này sẽ dễ dàng được thực hiện, và các bạn có thể tận dụng code trong bài viết này để áp dụng cho những mục đích khác của mình sau này. 5/10 691

Thảo luận:

Để bình luận bạn phải đăng nhập thành viên.

File tương tự

Files cùng mục

 

File tải nhiều nhất

Megacode.vn - Thư viện mã nguồn chia sẻ, tải file cho cộng đồng
Copyright © 2013-2016. All rights reserved. Bản quyền thuộc VinaGon
Địa chỉ: Số 38 Hàng Bè, Hàng Bạc, Hoàn Kiếm, Hà Nội.
Văn phòng giao dịch: Phòng 28, Tầng 6, HH1A Linh Đàm, Hoàng Mai, Hà Nội
Email: info@vinagon.com | Website: www.vinagon.com | Điện thoại: (+844) 6. 32.979.36;
logo megacode

Megacode đã đăng ký với Bộ Công Thương
Thư viện mã nguồn mở lớn nhất Việt Nam.



Hỗ trợ khách hàng trên Megacode
Hỗ trợ kỹ thuật cho thành viên:
Tổng đài: (+844) 6. 32.979.36
Số di động (Hotline): 0969.091.265
Thời gian làm việc:
Sáng: 8h-12h; Chiều: 13h30-17h30
(Nghỉ chiều T7, CN và các ngày lễ, tết)
Chat với Megacode
https://www.facebook.com/megacodevn