Fatal编程技术网
  • javascript/
  • Javascript 如何在JS表单中显示createelement（错误）消息？

Javascript 如何在JS表单中显示createelement（错误）消息？

javascript html css dom

Javascript 如何在JS表单中显示createelement（错误）消息？,javascript,html,css,dom,Javascript,Html,Css,Dom,我想在用户名值不正确时显示错误消息。但它不起作用 函数handleInvalidities（input）{//将输入字段作为参数 让errMsg=“”； if（输入.有效性.值缺失）{ errMsg=“输入无效。此字段不能为空。请输入一个值。”；//检查缺少的字段 返回errMsg； } 函数validateForm（errMsg）{ 让name=document.getElementById（'userName'）； 如果（名称==null | |名称==“”）{ 设errElem=docu

我想在用户名值不正确时显示错误消息。但它不起作用

函数handleInvalidities（input）{//将输入字段作为参数
让errMsg=“”；
if（输入.有效性.值缺失）{
errMsg=“输入无效。此字段不能为空。请输入一个值。”；//检查缺少的字段
返回errMsg；
}
函数validateForm（errMsg）{
让name=document.getElementById（'userName'）；
如果（名称==null | |名称==“”）{
设errElem=document.createElement（“span”）；
errElem.setAttribute（“类”、“错误”）；
让errText=document.createTextNode（errMsg）；
errElem.appendChild（errText）；
}
}
试试这个

函数validateForm（）{
让errorMsg=
“输入无效。此字段不能为空。请输入一个值。”；
让name=document.getElementById（“用户名”）；
如果（name.value==“”）{
设errElem=document.createElement（“span”）；
errElem.setAttribute（“类”、“错误”）；
errElem.textContent=errorMsg；
姓名。在（errElem）之后；
}
}

验证
试试这个

函数validateForm（）{
让errorMsg=
“输入无效。此字段不能为空。请输入一个值。”；
让name=document.getElementById（“用户名”）；
如果（name.value==“”）{
设errElem=document.createElement（“span”）；
errElem.setAttribute（“类”、“错误”）；
errElem.textContent=errorMsg；
姓名。在（errElem）之后；
}
}


验证
如果值为空，则在html中添加id=“error”的文本到span

HTML:
在javascript中也创建范围的备选方案：

if (input !== "") {
        // if value isn't blank do this
    }
else{
    const span = document.createElement("span");
    span.innerHTML = "Invalid entry. This field can not be blank. Please enter a value.";
    const att = document.createAttribute("class");      
    att.value = "error";
    span.setAttributeNode(att);        
    document.body.appendChild(span);               // Append <span> to <body> 
}

if（输入！==“”）{
//如果值不为空，请执行此操作
}
否则{
const span=document.createElement（“span”）；
span.innerHTML=“输入无效。此字段不能为空。请输入一个值。”；
const att=document.createAttribute（“类”）；
att.value=“错误”；
span.setAttributeNode（附件）；
document.body.appendChild（span）；//追加到
}
若值为空，则在html中添加id=“error”的文本到span

HTML:
在javascript中也创建范围的备选方案：

if (input !== "") {
        // if value isn't blank do this
    }
else{
    const span = document.createElement("span");
    span.innerHTML = "Invalid entry. This field can not be blank. Please enter a value.";
    const att = document.createAttribute("class");      
    att.value = "error";
    span.setAttributeNode(att);        
    document.body.appendChild(span);               // Append <span> to <body> 
}

if（输入！==“”）{
//如果值不为空，请执行此操作
}
否则{
const span=document.createElement（“span”）；
span.innerHTML=“输入无效。此字段不能为空。请输入一个值。”；
const att=document.createAttribute（“类”）；
att.value=“错误”；
span.setAttributeNode（附件）；
document.body.appendChild（span）；//追加到
}
在您尝试时，可以使用“通用”函数来使用
handleInvalidities（inputValue）
然后是一个函数
validateField（elementId）
，用于应用上述验证并打印错误本身。然后是
onSubmit
函数，您可以在其中为表单中的任何输入字段调用validate字段

编辑

是的，这是可能的，我创建了一个具有所有规范的div（我尝试使用span，但没有成功：（）），并且对于每个元素，都将附加error div，元素结构将是

<div>
   <input/>
   <errorDiv/>
</div>


提交
在您尝试时，可以使用“通用”功能来检查具有
handleInvalidities（inputValue）
然后是一个函数
validateField（elementId）
，用于应用上述验证并打印错误本身。然后是
onSubmit
函数，您可以在其中为表单中的任何输入字段调用validate字段

编辑

是的，这是可能的，我创建了一个具有所有规范的div（我尝试使用span，但没有成功：（）），并且对于每个元素，都将附加error div，元素结构将是

<div>
   <input/>
   <errorDiv/>
</div>



Submit
由于正在使用createElement（span），因此div不应该是span？如果我创建的元素span带有一类错误。如果不需要额外的div，则必须选择输入并在其后面附加span。类似于name.appendAfter（errElem）。谢谢。我试过了，但msg仍然没有显示。现在注册按钮没有提交到另一个页面。div不应该是一个span，因为createElement（span）正在使用？如果我创建了一个带有错误类的元素span。如果不需要额外的div，则必须选择输入并在其后面追加span。类似于，name.appendAfter（errElem）。谢谢。我尝试了这个，但是消息仍然没有显示。现在注册按钮没有提交到另一个页面。我以前使用警报消息只是为了检查代码是否正常工作。但是我想在javascript中创建一个带有错误类的范围，当值为空时显示消息。我以前使用警报消息只是为了检查代码是否正常工作正在工作..但是我想在javascript中创建一个带有类错误的span，当值为空时显示消息。我不理解thx。但是有没有其他方法可以在不接触HTML的情况下执行相同的操作？通过Dom javascript？我只想在javascript中创建一个带有类错误的span，当值为空时显示消息。我不理解但是还有其他方法可以在不接触HTML的情况下做同样的事情吗？通过Dom javascript？我只想在javascript中创建一个带有一个错误类的span，在消息为空时显示消息。