Как показать окно с предупреждением, когда я закончу печатать - PullRequest
Новая
       29

Как показать окно с предупреждением, когда я закончу печатать

0 голосов
/ 08 марта 2012

У меня есть такая форма: 

<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!);

это возможно?

1 Ответ

2 голосов
/ 08 марта 2012

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

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