javascript操作文本框2
javascript操作文本框,包括获取焦点,获取值更改值等
假设页面forasp_cn_test.html
<html>
<head>
<title>网站制作学习网javascript操作文本框</title>
</head>
<script language="javascript">
var temp = new Object;
代码
</script>
<body>
<input type = "text" id="forasp_text_cn" size="20" value="网站制作学习网">
<textarea id = "forasp_textarea_cn" cols="10" rows="5" maxlength="10" onkeypress="return temp.check_textarea(this);">网站制作学习网</textarea>
<input type="text" bad_word = "123" good_word="456" id = "test_goodbad" onkeypress = "" >
</body>
</html>
继续，限制textarea的字数。
temp.check_textarea = function(t_obj)
{
if(t_obj.value.length > t_obj.getAttribute("maxlength"))
{
return false;
}
}
通过onkeypress事件，返回true和false来限制是否能输入，在通过字数的判断来决定返回的true和false。
继续，允许/阻止文本框中的字符。
在这里说明一下，good_word是允许的字符串，bad_word是阻止的字符串，可以对text定义没有的属性，也可以用getAttribute()来获得。
var t_obj = document.getElementById("test_goodbad");
temp.checkgood = function(t_obj,oEvent,flag)//t_obj是表示那个text文本框，oEvent是windows的event属性。falg是否屏蔽了粘贴,ctrl+v
{
oEvent = temp.formatEvent(oEvent);//参见以前的格式化event
var goog_str = t_obj.getAttribute("good_word");//获得应该有的字符串
var get_char = String.fromCharCode(oEvent.charCode);//获得键盘输入的字符串
var back_char = good_str.indexOf(get_char) == -1;//判断键盘字符串是否在应该有的字符串中
if (flag)//如果屏蔽粘贴
{
return back_char &&!(oEvent.ctrlKey && get_char == "v")
}
else
{
return back_char || oEvent.ctrlKey;
}
}
temp.checkbad = fucntion(t_obj,oEvent,flag)
{
var bad_str = t_obj.getAttribute("good_word");//获得不应该有的字符串
var get_char = String.fromCharCode(oEvent.charCode);//获得键盘输入的字符串
var back_char = bad_str.indexOf(get_char) == -1;//判断键盘字符串是否在应该有的字符串中
if (flag)//如果屏蔽粘贴
{
return back_char &&!(oEvent.ctrlKey && get_char == "v")
}
else
{
return back_char || oEvent.ctrlKey;
}
}
在text的事件函数就是onkeypress = "return temp.check_goog(this,event,true)"
这样就验证了输入或者输出 允许/阻止文本框中的字符