Php 如何在'；onsubmit'；每次输入新的内容时都要填写表单？

我正在编写一个程序，要求用户输入他们的“名字、姓氏、电子邮件、电话号码”

<script>
function validate1(){
alert ("validate1 called");
var elemFname = document.getElementById("idFname");
var elemFnameValue=elemFname.value;
var elemFnameErr = document.getElementById("idFnameErr");

var elemLname = document.getElementById("idLname");
var elemLnameValue=elemLname.value;
var elemLnameErr = document.getElementById("idLnameErr");

var elemidEmail = document.getElementById("idEmail");
var elemidEmailValue=elemidEmail.value;
var elemidEmailErr = document.getElementById("idEmailErr");

var elemidPhone = document.getElementById("idPhone");
var elemidPhoneValue=elemidPhone.value;
var elemidPhoneErr = document.getElementById("idPhoneErr");


if (elemFnameValue==null || elemFnameValue=="" || elemLnameValue==null ||    elemLnameValue=="" || elemidEmailValue==null || elemidEmailValue=="" ||      elemidPhoneValue==null || elemidPhoneValue==""){


if (elemFnameValue==null || elemFnameValue=="" ){
    elemFnameErr.innerHTML="Require Field";
}
if (elemLnameValue==null || elemLnameValue==""){
        elemLnameErr.innerHTML="Require Field";
}
if (elemidEmailValue==null || elemidEmailValue==""){
        elemidEmailErr.innerHTML="Require Field";
}
if (elemidPhoneValue==null || elemidPhoneValue==""){
        elemidPhoneErr.innerHTML="Require Field";
}

    return false;
}       

else{
    return true;
}

函数validate1（）{
警报（“已调用”）；
var elemFname=document.getElementById（“idFname”）；
var elemFnameValue=elemFname.value；
var elemFnameErr=document.getElementById（“idFnameErr”）；
var elemLname=document.getElementById（“idLname”）；
var elemLnameValue=elemLname.value；
var elemLnameErr=document.getElementById（“idLnameErr”）；
var elemideemail=document.getElementById（“idEmail”）；
var elemidEmailValue=elemidEmail.value；
var elemidmailerr=document.getElementById（“idEmailErr”）；
var elemidPhone=document.getElementById（“idPhone”）；
var elemidPhoneValue=elemidPhone.value；
var elemidPhoneErr=document.getElementById（“idPhoneErr”）；
如果（ElemNameValue==null | | ElemNameValue==null | | ElemNameValue==null | | ElemNameValue==null | | elemidEmailValue==null | | elemidPhoneValue==null | | elemidPhoneValue==）{
如果（elemFnameValue==null | | elemFnameValue===“”）{
elemFnameErr.innerHTML=“需要字段”；
}
如果（elemLnameValue==null | | elemLnameValue===“”）{
elemLnameErr.innerHTML=“需要字段”；
}
如果（elemidEmailValue==null | | elemidEmailValue===“”）{
elemidEmailErr.innerHTML=“需要字段”；
}
if（elemidPhoneValue==null | | elemidPhoneValue===“”）{
elemidPhoneErr.innerHTML=“需要字段”；
}
返回false；
}       
否则{
返回true；
}

}

以及

名字*


姓*


电子邮件*


电话*

我试图找出如何让它刷新函数validate（）及其变量（如elemFname、elemLname）的输入值inpeil、inphone、Fname、Lname

例如，现在，如果我在“文本输入”中没有输入名字，它将返回“false”，并通过validate（）在相应的文本框旁边给出输出“Require Field”；，下一次我填写该文本框的名字，并留下其他文本框（电话、电子邮件、姓氏）为空时，除了其他现在为空的文本框外，输出“必填字段”仍将保留在“姓氏”文本框旁边

---

请帮帮我

为每个输入将验证代码添加到onchange中

<input type="text" name = "Lname" size = "10" id="idLname" onchange="validate1();"/>

---

如果您使用此方法，可能需要对每个输入进行验证，您可以在If语句中添加一个备用条件：

if (elemFnameValue==null || elemFnameValue=="" ){
    elemFnameErr.innerHTML="Require Field";
}else{
   elemFnameErr.innerHTML="";
}

但是我会花一些时间学习angular.js或jquery.validate（）

---

从长远来看，它将为您节省大量时间

这仍然不会从已在验证中填充的字段中删除“必填字段”消息。您可以设置消息，它允许您对消息内容进行更多控制。通常我会先将其设置为空白，然后如果无效，则再次将其更改为错误消息

if (elemFnameValue==null || elemFnameValue=="" ){
    elemFnameErr.innerHTML="Require Field";
}else{
   elemFnameErr.innerHTML="";
}