标题 | 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)" 这样就验证了输入或者输出 允许/阻止文本框中的字符 |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。