我正在进行一些客户端验证的联系表单,网站目前不在线,所以服务器端不相关.
我正在尝试创建一个"文字过滤器",以便在表单"提交"之前捕获任何滥用淫秽语言的内容.
继承代码,没有猥亵......
function filterInput(str) {
var inputFilter = ['word1', 'word2', 'word3'];
var arrayLength = inputFilter.length;
if (inputFilter.indexOf(str) > - 1) {
// Word caught...
} else {
// Clear...
}
如果用户输入'word1',它将捕获该单词.如果用户输入'word1word2'或'John is a word3',则不会捕获它.
我最初有一个更好的for循环,但如果没有单词之间的空格('word1word2')仍然无法工作.
任何输入都会非常感激,我一直在寻找,但没有什么能满足我的需求.
编辑:所以我也提出了一个解决方案,但看到可以实现的不同方式,我很好奇它是如何工作的,以及为什么一个特定的方式更好？
继承人我想出的......
function filterInput(str) {
var inputFilter = ['word1', 'word2', 'word3'];
var arrayLength = inputFilter.length;
for (var i = 0; i < arrayLength; i++) {
if (str.includes(inputFilter[i])) {
window.alert('Message...');
return;
}
}
}
我有一个超级简单的html页面,用户输入各种输入,点击提交,并使用HTTP GET表单方法将查询字符串返回到同一页面.
一切都很好,除了前两个文本框或文本区域没有数据.我错过了什么,或者它是如何工作的？
这是代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<h3>User Registration</h3>
<form action="UserRego.html">
<p>First Name:
<input id="txtFirstName" type="text" />
</p>
<p>Surname:
<input id="txtSurname" type="text" />
</p>
<p>Gender:
<input type="radio" name="Gender" value="Male" />Male <input type="radio" name="Gender" value="Female" />Female
</p>
<p>Address:
<textarea id="taAddress" cols="20" rows="3"></textarea>
</p>
<p>Which of the following sports do you like watching?</p>
<input type="checkbox" name="Sport" value="Soccer" />Soccer<br />
<input type="checkbox" name="Sport" value="Aussie Rules" />Aussie Rules<br />
<input type="checkbox" name="Sport" value="Rugby League" />Rugby League<br />
<input type="checkbox" …我有一个三按钮导航面板,包括三个div和一个锚.鼠标悬停时,myFunction()会为三个div和anchor标记指定一个类,以便进行样式设置.
<nav>
<div id="btn1" class="button" onMouseOver="myFunction();">
<div id="btn_bdr1">
<div id="btn_bdr2">
<a href="#"></a>
</div>
</div>
</div>
<div id="btn3" class="button" onMouseOver="myFunction();">
<div id="btn_bdr1">
<div id="btn_bdr2">
<a href="#"></a>
</div>
</div>
</div>
<div id="btn2" class="button" onMouseOver="myFunction();">
<div id="btn_bdr1">
<div id="btn_bdr2">
<a href="#"></a>
</div>
</div>
</div>
</nav>
我需要做的是找到调用myFunction()的div的ID,这样我就可以在函数内只对调用div进行更改,而不是全部三个.
仅使用JavaScript,我该怎么做呢.
提前致谢.
我有一个click事件处理程序,它必须检查两个文本框是否为null,如果两个文本框都没有给两个变量赋值并传递给另一个方法.
一个变量是String,另一个是整数.如果String为null但整数不是,它将正常工作(它不应该!).但是,如果整数为null而String不是,它将给出一个预期的错误,因为它不应该达到那个点.
这是代码:
private void btnInsert_Click(object sender, EventArgs e)
{
String ActorName;
int Position;
if ((txtPosition.Text != null))
{
if ((txtActorName.Text != null))
{
ActorName = txtActorName.Text;
Position = int.Parse(txtPosition.Text);
InsertIntoArrayList(ActorName, Position);
PopulateActors();
}
else
{
MessageBox.Show("Please enter an Actor Name");
return;
}
}
else
{
MessageBox.Show("Please enter a position");
return;
}
}
如您所见,如果txtPosition不为null,则它会测试txtActorName.如果其中一个为null,则抛出相关消息.假设两者都不为null,它将值分配给变量并将这些值传递给InsertIntoArrayLIst方法,然后调用PopulateActors方法.
如果我输入一个演员姓名和一个职位,一切正常.只有当我没有进入某个位置时,它会以某种方式忽略输入的事实,然后在线上滑动,Position = int.Parse(txtPosition.Text);因为txtPosition为空.
任何帮助将不胜感激!