2012-03-07 84 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 2012-03-07 23:45:21

+0

好吧,我有两个输入字段,我使用按键功能仅在第二个输入中输入特定的字符。我可以输入,直到第一个字段的字符完成。 – billaki 2012-03-08 00:53:02

回答

2

使用jQuery你可以这样做:

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

这是工作,但不正确。我应该在屏幕上点击一下以便看到消息。我想在完成写作时立即提交。任何建议? – billaki 2012-03-08 00:58:29

+0

你能指定这个吗?那么我会很乐意帮助你 – androidavid 2012-03-08 01:15:01

+0

我纠正上面的代码。告诉我,如果你不明白我的意思 – billaki 2012-03-08 02:07:20