2012-03-07 8 views
-1

У меня есть форма, как это:Как показать окно предупреждения, когда я закончу набрав

<form id="form1" method="post" action=""> 
<input maxlength="75" size="90" type="text" id="textfield2"/> 
</form> 

Как показать сообщение окна предупреждения, когда я закончу печатать? Благодаря


редактировать

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript"> 
$(document).ready(function() { 
var course_data;  
$.get('math.xml', function(data) { 
    course_data = data; 
    var that = $('#courses'); 
    $('course', course_data).each(function() { 
     $('<option>').text($(this).attr('title')).appendTo(that); 
    }); 
}, 'xml'); 
$('#courses').change(function() { 
    var val = $(this).val(); 
    var that = $('#times').empty(); 
    $('course', course_data).filter(function() { 
     return val == $(this).attr('title'); 
    }) 
    .find("lesson").each(function() { 
     $("#lesson").val($(this).text()); 

    }); 
}); 
}); 
</script> 
<script type="text/javascript"> 
function keyPressed(event, input) { 
if (event.keyCode == 8) { 

    return true; 
} 

var char = event.which ? event.which : event.keyCode; 

char = String.fromCharCode(char); 
var exerc = ["aaaa aaaa aaaa aaaa","bbbb bbbb bbbb bbbb"]; 
for (i=0;i<exerc.length;i++){ 

var option=document.getElementById("courses").selectedIndex; 
} 

return (exerc[option - 1].charAt(input.value.length) == char); 
} 
</script> 
</head> 
<body> 
<form name="form1" method="post" action=""> 
<input type="text" maxlength="70" size="90" id="lesson"/> 
</form> 
<form name="form2" method="post" action=""> 
<input maxlength="59" size="90" type="text" onkeypress="return keyPressed(event, this);"/> 
</form> 

<form name="form1">drop1 
<select style="width:100px" id='courses'> 
<option selected="selected">choose...</option> 
</select> 
</form> 
</body> 
</html> 

XML:

<courses> 
<course title="chap 1"> 
<lesson>aaaa aaaa aaaa aaaa</lesson> 
</course> 
<course title="chap 2"> 
<lesson>bbbb bbbb bbbb bbbb</lesson> 
</course> 
</courses> 

У меня есть два поля ввода и я использую функцию нажатия ввести только определенные символы во втором входе. Я могу войти, пока символы с первого поля не закончатся. Итак, когда я закончил печатать, я хочу, чтобы появилось предупреждающее сообщение вроде:

alert(ok finish!); 

возможно?

+4

Как вы определяете "закончил печатать?" – JaredPar

+0

ну, у меня есть два поля ввода, и я использую функцию нажатия клавиши для ввода только определенных символов во втором вводе. Я могу войти, пока символы с первого поля не закончатся. – billaki

ответ

2

С JQuery вы можете сделать это:

$('#textfield2').bind('blur',function() { 
    alert('I guess i finished typing cause I left the field!?'); 
}); 
+0

Это работа, но не правильная. Ιt я должен сделать клик на экране, чтобы я увидел сообщение. Я хочу немедленно представить, когда закончу писать. Любое предложение? – billaki

+0

вы можете указать это? то я был бы рад помочь вам – androidavid

+0

Я исправлю код выше. скажите мне, если вы не понимаете, что я имею в виду – billaki