На всякий пожарный приведу полный скрипт:
<html>
<head>
<title>example</title>
</head>
<body>
<div id="readeroutstandingbooks"></div>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function() {
var AddField = $("#cartaddbookbtn");
var AddBook = $("#addBook");
var f = 1;[/JS]
$(AddField).click(function() {
f++;
$('<div>')
.attr('id','book')
.append (
$('<div>')
.attr('id','booksearch')
.append(
$('<table >')
.css({width:'300px'})
.append(
$('<tr>')
.css({width:'300px'})
.append (
$('<td>')
.css({width: '163px'})
.append(
$('<p style="margin-left:15px">Штрих-код/книга</p>')
)
)
.append (
$('<td>')
.css({width: '115px'})
.append(
$('<p><label for="books"><input style="width: 110px" type="text" name="books[]" id="if'+f+'" maxlength="8"/></label></p>')
)
)
)
)
)
.append (
$('<div>')
.attr('id','bookinfo'+f)
.append(
$('<div>')
.attr('id','bookitem')
.append(
$('<p style="margin-left:17px"><i><b><span id="span1_'+f+'"></span> <span id="span2_'+f+'"></span></b></i></p>')
)
.append(
$('<p style="margin-left:17px"><span id="span3_'+f+'"></span></p>')
)
)
)
.appendTo('#cartitems')
var y = document.getElementById('if'+ f);;
y.focus();
y.onkeyup = y.onpaste = function(){
var z = this;
//alert ("Cкрипт создан" + f);
setTimeout(function(){
z.value = z.value.replace(/[^\d]/g, '');
if (z.value.length == 8) {
var book_barcode = $("#if"+ f).val();
//alert ("Данные уходят: " + book_barcode);
$.ajax({
type: "POST",
data: "book_barcode=" + book_barcode,
url: "ajax/findbook",
dataType: "json",
success: function(data){
if(data)
{
$('#bookinfo'+ f).animate({ height: "58px" }, 500);
//var rese = JSON.stringify(data);
//alert( "Прибыли данные: " + rese);
var authorlastname = data.author_last_name;
$("#span1_"+ f).text(authorlastname);
var authorfirstname = data.author_first_name;
$("#span2_"+ f).text(authorfirstname);
var bookname = data.content;
$("#span3_"+ f).text(bookname);
//console.log (JSON.stringify(data));
}
else
{
$("#bookerror").css('display','inline');
}
}
});
return false
}
}, 0);
};
});
var x = document.getElementById('newClient');
var y = document.getElementById('if1');
x.focus();
x.onkeyup = x.onpaste = y.onkeyup = y.onpaste = function(){
var z = this;
setTimeout(function(){
z.value = z.value.replace(/[^\d]/g, '');
if (x.value.length == 8) {
var reader_barcode = $("#newClient").val();
//alert ("Данные уходят: " + reader_barcode);
$.ajax({
type: "POST",
data: "reader_barcode=" + reader_barcode,
url: "ajax/finduser",
dataType: "json",
success: function(data){
if(data)
{
$('#readerinfo').animate({ width: "400px" }, 500);
$("#titleinforeader").css('display','inline');
$("#readerinfoitem").css('display','inline');
$("#readeroutstandingbooks").css('display','inline');
var rese = JSON.stringify(data);
//alert( "Прибыли данные: " + rese);
var readerlastname = data.q.user_last_name;
$("#readerlastname").text(readerlastname);
var readerfirstname = data.q.user_first_name;
$("#readerfirstname").text(readerfirstname);
var readerpatronymic = data.q.user_patronymic;
$("#readerpatronymic").text(readerpatronymic);
delete data.q;
p = 0;
for(var c in data){
p++;
d = data[c];
$('<p style="margin-left:35px"><span id="booksout'+p+'">'+d.content+'</span></p>').appendTo('#readeroutstandingbooks');
}
alert('Отработало');
//console.log (JSON.stringify(data));
}
else
{
$('#addnewreader').animate({ height: "146px" }, 500);
$('.noreader').animate({marginTop: "-=34px"},500);
$("#new_reader_item").css('display','inline');
$("#addnewreaderbtn").css('display','inline');
}
}
});
y.focus();
}
if (y.value.length == 8) {
var book_barcode = $("#if1").val();
//alert ("Данные уходят: " + book_barcode);
$.ajax({
type: "POST",
data: "book_barcode=" + book_barcode,
url: "ajax/findbook",
dataType: "json",
success: function(data){
if(data)
{
$('#bookinfo').animate({ height: "58px" }, 500);
//var rese = JSON.stringify(data);
//alert( "Прибыли данные: " + rese);
var authorlastname = data.author_last_name;
$("#span1_1").text(authorlastname);
var authorfirstname = data.author_first_name;
$("#span2_1").text(authorfirstname);
var bookname = data.content;
$("#span3_1").text(bookname);
//console.log (JSON.stringify(data));
}
else
{
$("#bookerror").css('display','inline');
}
}
});
}
}, 0);
};
}); </html>