Html 需要3个表单输入字段中的至少1个_Html_Forms_Input

Html 需要3个表单输入字段中的至少1个

html forms input

Html 需要3个表单输入字段中的至少1个,html,forms,input,Html,Forms,Input,我正在做一个数据库程序，用户必须提交他的一些联系信息 <form action="add_action.php" method="POST"> <div class="modal-body"> Name: <br> <input type="text" name="name" placeholder="Name" required>&l

我正在做一个数据库程序，用户必须提交他的一些联系信息

 <form action="add_action.php" method="POST">
                <div class="modal-body">
                    Name: <br>
                    <input type="text" name="name" placeholder="Name" required><br>
                    Telefon Nr. <br>
                    <input type="text" name="telNr" placeholder="Telefon Nr."><br>
                    Handy Nr. <br>
                    <input type="text" name="handyNr" placeholder="Handy Nr."><br>
                    Skype ID <br>
                    <input type="text" name="skypeId" placeholder="Skype ID"><br>
                <div class="modal-footer">
                    <input type="submit" class="btn btn-default" value="Hinzufügen">
                </div>
            </form>


名称：



电话号码



Handy Nr.



Skype ID

我已经研究了一段时间了，但我似乎不知道如何设置表单，所以至少需要“Telefon Nr.”、“Handy Nr.”和“Skype ID”中的1个。如果您对我应该做什么有任何建议，我将非常感谢您的输入。

您需要使用一些javascript来完成此操作。使用HTML所能做的唯一一件事就是添加“required”属性，就像您已经对名称所做的那样。

请考虑阅读此内容。我将仅展示如何检查名为

name

的字段是否与其他字段中的至少一个字段同时存在

服务器端验证：

Ps：您没有给提交

按钮一个名称，我会给它一个name=“submit”
，例如，在php
中检查表单提交
客户端验证：
Ps：让我给form
标记一个ID
，比如说ID=“我的表单”

希望我能让你进一步了解事情是如何运作的
Ps:这是一个非常基本的示例，不要在生产阶段依赖它，因为我提供的代码可能容易受到某些攻击（例如XSS又名跨站点脚本、SQL注入…）。
这是我在不久前制作的表单中创建它的方式。我已经为你编辑了它，所以把它放进去，应该马上就能完成
<script>
function validateForm() {
    var a,b,c,d = document.forms["form"]["name","telNr","handyNr","skypeId"].value;
    if (a,b,c,d==null || a,b,c,d=="")
  {
  alert("Please complete all Required Fields *");
  return false;
  }
    }
</script>

<body>

<form name="form" action="add_action.php" onsubmit="return validateForm()" method="POST">

                <div class="modal-body">

                    Name: <br>
                    <input type="text" name="name" placeholder="Name"><br>

                    Telefon Nr. <br>
                    <input type="text" name="telNr" placeholder="Telefon Nr."><br>

                    Handy Nr. <br>
                    <input type="text" name="handyNr" placeholder="Handy Nr."><br>

                    Skype ID <br>
                    <input type="text" name="skypeId" placeholder="Skype ID"><br>

                <div class="modal-footer">

                <button type="submit" class="btn btn-default" value="Hinzufügen" >Sign In</button>


                </div>
            </form>


函数validateForm（）{
变量a、b、c、d=文档。表单[“表单”][“名称”、“电话号码”、“handyNr”、“skypeId”]。值；
如果（a，b，c，d==null | | a，b，c，d==“”）
{
警告（“请填写所有必填字段*”；
返回false；
}
}
名称：



电话号码



Handy Nr.



Skype ID



登录
谢谢您的评论，但您编写的代码不幸不适用于我，因为它将所有字段设置为必填字段。很抱歉，我将返回并希望为您找到解决方案非常感谢。这帮我解决了问题。我学到了一些新东西。欢迎你随时光临！很高兴我帮助了你，这是我的荣幸。
var myForm = document.getElementById("my-form");
myForm.addEventListener("submit", function(event){
    // get all the fields values, and trim them on the fly
     var name = document.getElementsByName("name")[0].value().trim(),
         telNr = document.getElementsByName("telNr")[0].value().trim(),
         handyNr = document.getElementsByName("handyNr")[0].value().trim(), 
         skypeId = document.getElementsByName("skypeId")[0].value().trim();
     // we want the name and at least one other field to be filled
     if(name !== "" && (telNr !== "" || handyNr !== "" || skypeId !== "" )) {
         alert("we're good to go, the name is provided alongside with at least another field");
     } else {
         event.preventDefault(); // we cancel form submission as the name and/or the other fields are empty using the Event argument
         alert("Cancelled, please fill in the name and at least one other field");
     }
});

<script>
function validateForm() {
    var a,b,c,d = document.forms["form"]["name","telNr","handyNr","skypeId"].value;
    if (a,b,c,d==null || a,b,c,d=="")
  {
  alert("Please complete all Required Fields *");
  return false;
  }
    }
</script>

<body>

<form name="form" action="add_action.php" onsubmit="return validateForm()" method="POST">

                <div class="modal-body">

                    Name: <br>
                    <input type="text" name="name" placeholder="Name"><br>

                    Telefon Nr. <br>
                    <input type="text" name="telNr" placeholder="Telefon Nr."><br>

                    Handy Nr. <br>
                    <input type="text" name="handyNr" placeholder="Handy Nr."><br>

                    Skype ID <br>
                    <input type="text" name="skypeId" placeholder="Skype ID"><br>

                <div class="modal-footer">

                <button type="submit" class="btn btn-default" value="Hinzufügen" >Sign In</button>


                </div>
            </form>