Chúng tôi đang sử dụng plugin jquery tự động hoàn tất được viết bởi Jörn Zaefferer và đang cố gắng xác minh một tùy chọn hợp lệ được nhập.Tự động điền JQuery xác minh giá trị đã chọn
Plugin có kết quả() sự kiện kích hoạt khi lựa chọn được thực hiện. Điều này là OK, nhưng tôi cần phải kiểm tra giá trị trong hộp văn bản khi người dùng nhấp vào quá. Vì vậy, chúng tôi đã thử một sự kiện .change() và .blur(), nhưng cả hai đều đặt ra một vấn đề: khi bạn nhấp vào một mục trong div kết quả (danh sách 'đề xuất') .change() và .blur() sự kiện cháy, và điều này là trước khi các plugin đã viết một giá trị cho hộp văn bản, do đó, không có gì để xác minh tại thời điểm này.
Ai đó có thể giúp tôi định cấu hình sự kiện để bất cứ khi nào có ai đó nhấp chuột, nhưng không phải trong hộp kết quả, tôi có thể kiểm tra giá trị hợp lệ trong hộp. Nếu đây là cách tiếp cận sai, xin vui lòng thông báo cho tôi một cách chính xác. Ban đầu chúng tôi đã đi kèm với plugin này vì tùy chọn 'mustMatch' của nó. Tùy chọn này dường như không hoạt động trong mọi trường hợp. Nhiều lần mục nhập hợp lệ sẽ được ghi vào hộp văn bản và được xóa bởi plugin không hợp lệ, tôi không thể xác định được lý do tại sao.
Mã Basic dụ:
<html>
<head>
<title>Choose Favorite</title>
<script language="JavaScript" src="jquery-1.3.2.min.js" ></script>
<script language="JavaScript" src="jquery.autocomplete.min.js" ></script>
<script>
$(".suggest").autocomplete("fetchNames.asp", {
matchContains:false,
minChars:1,
autoFill:false,
mustMatch:false,
cacheLength:20,
max:20
});
$(".suggest").result(function(event, data, formatted) {
var u = this;
// Check value here
});
/* OR */
$(".suggest").change(function(me) {
//check value here
});
</script>
</head>
<body>
<label for="tbxName">Select name (I show 10):</label><br />
<INPUT type="text" id="tbxName" name="tbxName" class="suggest"><br />
</body>
</html>
Tôi tìm thấy câu trả lời tốt nhất ở đây bởi Victor http://stackoverflow.com/questions/4952094/jquery-ui-autocomplete-only-allow-selected-valued-from-suggested-list –
Đó là một giải pháp tốt. Tôi sẽ phải thử rằng lần sau tôi cần chức năng này. – Brettski
thấy rằng: http://stackoverflow.com/questions/1267149/how-to-detect-when-user-ignores-jquery-autocomplete-suggestions –