调用不同警报消息的Javascript if语句出现问题
我需要帮助将多个if语句放入我的函数中。我需要它来检查,以确保他们的输入是input1(名字)input2(姓氏)input6(电子邮件)和input8(消息框)。我需要它弹出一个警报,如果一个字段是空的,并说明该字段是什么。我在前面用单独的函数对其进行了编码,然后在提交时调用了这些函数,但随后它会弹出所有待处理的警报,提示该字段为空。我宁愿它只弹出一个警报,然后返回false退出脚本,这样它就不会向您发送4个警报,然后取消脚本。谢谢 更新:我已经为我需要的前三个字段(名字/姓氏和电子邮件)设置了它。我只需要为消息框添加一个警报,但似乎。长度不适用于消息框。。。有什么想法吗?我试着和其他人做同样的事情,但它破坏了代码,什么也不做调用不同警报消息的Javascript if语句出现问题,javascript,jquery,Javascript,Jquery,我需要帮助将多个if语句放入我的函数中。我需要它来检查,以确保他们的输入是input1(名字)input2(姓氏)input6(电子邮件)和input8(消息框)。我需要它弹出一个警报,如果一个字段是空的,并说明该字段是什么。我在前面用单独的函数对其进行了编码,然后在提交时调用了这些函数,但随后它会弹出所有待处理的警报,提示该字段为空。我宁愿它只弹出一个警报,然后返回false退出脚本,这样它就不会向您发送4个警报,然后取消脚本。谢谢 更新:我已经为我需要的前三个字段(名字/姓氏和电子邮件)设置
<!DOCTYPE html>
<html>
<head>
<title>Contact Us</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
</head>
<body id="main_body" >
<div id="form_container">
<form id="form_1121982" class="appnitro" enctype="multipart/form-data" method="post" action="">
<div class="form_description">
<p></p>
</div>
<h1 align="center">Contact Us</h1>
<ul >
<li id="li_1" >
<label class="description" for="element_1">Name </label>
<span>
<input id="input1" name= "input1" class="element text" maxlength="255" size="8" value=""/>
<label>First</label>
</span>
<span>
<input id="input2" name= "input2" class="element text" maxlength="255" size="14" value=""/>
<label>Last</label>
</span>
</li> <li id="li_2" >
<label class="description" for="element_2">Phone </label>
<span>
<input id="input3" name="input3" class="element text" size="3" maxlength="3" value="" type="text"> -
<label for="input3">(###)</label>
</span>
<span>
<input id="input4" name="input4" class="element text" size="3" maxlength="3" value="" type="text"> -
<label for="input4">###</label>
</span>
<span>
<input id="input5" name="input5" class="element text" size="4" maxlength="4" value="" type="text">
<label for="input5">####</label>
</span>
</li> <li id="li_3" >
<label class="description" for="input6">Email </label>
<div>
<input id="input6" name="input6" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_4" >
<label class="description" for="input7">Upload a File </label>
<div>
<input id="input7" name="input7" class="element file" type="file"/>
</div>
</li> <li id="li_5" >
<label class="description" for="input8">Paragraph </label>
<div>
<textarea id="input9" name="input8" class="element textarea medium"></textarea>
</div>
</li>
<li class="buttons">
<input type="hidden" name="form_id" value="1121982" />
<input id="saveForm" class="button_text" type="button" name="submit" value="Submit" onclick="myFunction1();" />
<input type="reset" value="Reset">
</li>
</ul>
</form>
<div id="footer">
</div>
</div>
</body>
</html>
将返回放在if语句中
if (field1.length == 0) {
alert("Please Fill In Your First Name");
return false;
}
回答问题的第二部分,尽管您还没有提供有关如何获取textarea的javascript 首先,你的命名习惯不太好。你应该使用一些有意义的东西,这样你就不会犯我认为你在这里犯过的错误
<textarea id="input9" name="input8" class="element textarea medium"></textarea>
您的文本区域具有id=input9
和name=input8
。按照您最初的操作方式,应该是id=input8
对于字段,使用标签的命名。例如
id=Firstname
,id=Email
等。将返回值放在您的if语句中
if (field1.length == 0) {
alert("Please Fill In Your First Name");
return false;
}
回答问题的第二部分,尽管您还没有提供有关如何获取textarea的javascript 首先,你的命名习惯不太好。你应该使用一些有意义的东西,这样你就不会犯我认为你在这里犯过的错误
<textarea id="input9" name="input8" class="element textarea medium"></textarea>
您的文本区域具有id=input9
和name=input8
。按照您最初的操作方式,应该是id=input8
对于字段,使用标签的命名。例如
id=Firstname
,id=Email
等等。谢谢!这就抵消了idk为什么我在外面的那个。我还有一个问题,我会在上面更新。@AndrewRibicki如果这是一个完全不同的问题,那么你应该单独发表一篇文章,而不是编辑当前的问题。@4卡斯特这基本上是同一个问题,所以我只是添加了它,并保留了以前的问题谢谢!我看过了。我将重新命名它们,我从以前的一些代码中提取了一部分,只是还没有改变它!再次感谢你的帮助!谢谢这就抵消了idk为什么我在外面的那个。我还有一个问题,我会在上面更新。@AndrewRibicki如果这是一个完全不同的问题,那么你应该单独发表一篇文章,而不是编辑当前的问题。@4卡斯特这基本上是同一个问题,所以我只是添加了它,并保留了以前的问题谢谢!我看过了。我将重新命名它们,我从以前的一些代码中提取了一部分,只是还没有改变它!再次感谢你的帮助!