gpt4 book ai didi

javascript - Javascript if 语句调用不同警报消息的问题

转载 作者:行者123 更新时间:2023-12-02 14:45:42 25 4
gpt4 key购买 nike

我需要帮助将多个 if 语句放入我的函数中。我需要它检查以确保它们是 input1 (名字) input2 (姓氏) input6 (电子邮件)和 input8 (消息框)中的输入。如果一个字段为空,我需要它弹出一个警报并说明该字段是什么。我之前用单独的函数对其进行了编码,然后在提交时调用了这些函数,但随后它会弹出所有等待该字段为空的警报。我宁愿让它只弹出一个警报,然后返回 false 退出脚本,这样它就不会向您发送 4 个警报,然后取消脚本。谢谢!

更新:我让它适用于我需要的前三个字段(名字/姓氏和电子邮件)我只需要为消息框添加警报,但似乎 .length 不适用于消息框...有任何想法吗?我尝试做与其他人相同的事情,但它破坏了代码并且什么也不做。

<!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>
function myFunction1() 
{
var field1 = document.getElementById("input1").value.trim(); //checks length of first name
var field2 = document.getElementById("input2").value.trim(); //checks length of first name
var field6 = document.getElementById("input6").value.trim(); //checks length of first name

if ( field1.length == 0 )
{
alert("Please Fill In Your First Name");
return false;
}



else if ( field2.length == 0 )
{
alert("Please Fill In Your Last Name");
return false;
}

else if( field6.length == 0 )
{
alert("Please Fill in Your Email");
return false;
}
}

最佳答案

将 return 放在 if 语句中。

if (field1.length == 0) {
alert("Please Fill In Your First Name");
return false;
}
<小时/>

回答问题的第二部分,尽管您没有提供有关如何尝试获取文本区域的 JavaScript。

首先,您的命名约定不太好。您应该使用有意义的内容,这样您就不会犯我认为您在这里犯的错误。

<textarea id="input9" name="input8" class="element textarea medium"></textarea> 

您的文本区域具有 id=input9name=input8。根据您最初的做法,它应该是 id=input8

对于您的字段,请使用标签的命名。例如 id=Firstnameid=Email

关于javascript - Javascript if 语句调用不同警报消息的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36636195/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com