使用Javascript if语句发出问题，该语句调用不同的警报消息

Issue with Javascript if statement that calls for different alert messages

本文关键字：语句 调用 消息 if Javascript 出问题 使用      更新时间：2023-09-26

我需要帮助将多个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>

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;
        }
 }

将返回放入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=input9和name=input8。按照你最初的做法，应该是id=input8？

对于字段，请使用标签的命名。例如id=Firstname、id=Email等

相关文章：