我的要求是我的文本框不应该接受脚本标签(即 < 和 >)。当我第一次打开页面时，我的文本框不允许使用脚本标签(即 < 和 >)。
一段时间后，它只允许字母数字字符。当我刷新页面时，它工作正常。任何人都可以帮助这个。我怎样才能解决这个问题？或者有什么简单的方法吗？
我的代码:
<input name="headerTextBoxs" id="headerTextBox" size="55" type="text" onKeypress="return keyRestricted(event)", onKeydown="return keyRestricted(event)" value="" />
<script type="text/javascript">
function keyRestricted(evt) {
var theEvent = evt || window.event;
var key = theEvent.keyCode || theEvent.which;
var keychar = String.fromCharCode(key);
//alert(keychar);
var keycheck = /[a-zA-Z0-9]/;
if ( (key == 60 || key == 62)) // not allowing script tags
{
if (!keycheck.test(keychar)) {
theEvent.returnValue =false ; //for IE
if (theEvent.preventDefault) theEvent.preventDefault(); //Firefox
}
}
}
</script>
另一种方式:
我的要求是不允许脚本标签(即 < 和 >)。这里的问题是它在 mozilla firefox 中工作正常。但在 google cromo 和 IE 浏览器中，我的文本框不允许向后文本(即左箭头(<-))。我只是这样写的。
我的代码:
<input name="headerTextBoxs" id="headerTextBox" size="55" type="text" onkeyup = "this.value=this.value.replace(/[<>]/g,'');" />
最佳答案
这对我来说没问题。
<!DOCTYPE html>
<html>
<head>
<script>
function keyRestricted(e) {
e= e|| window.event;
var key= e.keyCode || e.which;
var keychar= String.fromCharCode(key);
var keycheck = /[a-zA-Z0-9]/;
if ((key == 60 || key == 62)){
if (!keycheck.test(keychar)) {
e.returnValue =false ;
if (e.preventDefault) e.preventDefault();
}
}
}
</script>
</head>
<body>
<input size="55" type="text" onKeypress="keyRestricted(event);" value="" />
</body>
<html>
关于javascript - javascript 在刷新页面之前无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13951659/