Question

我正在尝试创建一个表单，供用户填写其详细信息，如果其中一个字段中没有输入内容，则该表单当前不发送，因为我在每个标签中都添加了“必填”创建字段。我已经编写了一些JavaScript以在表单有效但无法正常工作时打开弹出窗口，该表单已提交到我的PHP数据库，但没有出现弹出窗口。有什么想法吗？这是我当前的JavaScript。

表单字段的代码-

label for="fname">First Name</label>
    <input type="text" id="fname" name="firstname" placeholder="Your name..." required>
    <label for="lname">Last Name</label>
    <input type="text" id="lname" name="lastname" placeholder="Your last name..." required>
    <label for="phonenumber">Phone Number</label>
    <input type="text" id="phonenumber" name="phonenumber" placeholder="The best number to contact you on..." required>

调用脚本的代码-

<button onclick="myFunction()">Submit</button>

JavaScript验证

<script>

function validateForm() {
var x = document.forms["fname"].value;
var y = document.forms["lname"].value;
var p = document.forms["phonenumber"].value;
if ([x == "", y =="", p ==""]); {
 alert("Name must be filled out");
 return false;
}
} 

function myFunction() {

if (x == "") {
return false;
}
else {
alert("Thank you for making an enquiry, a member of our team will be in contact with you soon.");
}
}

Answer 1

在下面尝试代码

<script>

function validateForm() {
var x = document.forms["Forms"]["fname"].value;
var y = document.forms["Forms"]["lname"].value;
var p = document.forms["Forms"]["phonenumber"].value;
if (x == "" && y =="" && p ==""); {
 alert("Name must be filled out");
 return false;
}
else
{
return true ;
}
} 


<form name="Forms" onSubmit="return validateForm() "><input type="text" name="fname" /><input type="text" name="lname" /><input type="text" name="phonenumber" /></form>

或者您可以在每次输入中仅使用必需

如何确定表格是否有效，并显示一个取决于是否有效的弹出窗口？

1 个答案: