Javascript 我应该如何在AllValidate函数中包含这些函数？

单击“提交”按钮时，我想确保它可以通过以下功能检测用户是否正确输入表单，如果用户输入不正确，它可以停止表单提交。
我应该在AllValidate函数中包括什么*

寄存器

函数addressValidate（）
{
var address=document.getElementById（“reg_add”）.value；
变量空间=/^\s*$/；
var标志=真；
if（地址匹配（空格））
{
document.getElementById（“添加错误”）.innerHTML=“地址是必需的。”；
document.getElementById（“reg_add”）.style.border=“2px实心红色”；
flag=true；
}
其他的
{
document.getElementById（“添加错误”）.innerHTML=“”；
document.getElementById（“reg_add”）.style.border=“2px solid#f0”；
flag=false；
}
返回标志；
}

函数phoneValidate（）
{
var phoneNo=document.getElementById（“reg_phone”）.value；
var模式=/[0-9]{3}-[0-9]{4}-[0-9]{4}/；
变量空间=/^\s*$/；
var标志=真；
if（电话号码匹配（空格））
{
document.getElementById（“电话错误”）.innerHTML=“需要电话号码。”；
document.getElementById（“reg_phone”）.style.border=“2px实心红色”；
flag=true；
}
else if（电话号码匹配（模式））
{
document.getElementById（“电话错误”）.innerHTML=“”；
document.getElementById（“reg_phone”）.style.border=“2px solid#f0”；
flag=false；
}
其他的
{
document.getElementById（“电话错误”）.innerHTML=“请输入有效的电话号码。”；
document.getElementById（“reg_phone”）.style.border=“2px实心红色”；
flag=true；
}
返回标志；
}

AllValidate（）
{
}

首先，您必须按如下方式编辑提交按钮

<button name="regbtn" id="register_btn" class="reg_btn" type="submit" onclick="return AllValidate()">Register</button>

使用这种方式，通过HTML5自动验证

• 使用属性必填项
• 使用attribute模式（也可以使用input type=“tel”）

示例代码

//将错误消息个人化
const myForm=document.forms['my-form']
myForm.reg\u phone.oninvalid=\u=>
{
让msg=（myForm.reg\u phone.value.trim（）=''）
？“需要电话号码。”
：'请输入有效的电话号码。'
myForm.reg_phone.setCustomValidity（msg）
}
//只是为了验证输入。。。
myForm.onsubmit=evt=>
{
evt.preventDefault（）//此处仅用于测试（禁用提交）
//shwo值
控制台清除（）
console.log（'name:'，myForm.reg_name.value）
console.log（'address:'，myForm.reg\u add.value）
console.log（'Phone:'，myForm.reg\u Phone.value）
}

表单{
显示器：flex；
弯曲方向：立柱；
宽度：18em；
}
标签{
显示：块；
边缘顶部：.7em；
}
标签*{
垂直对齐：基线；
}
标签输入，
标签文本区{
显示：块；
浮动：对；
字体大小：1.2米；
填充：.2em；
}
标签输入{
宽度：9em；
}
钮扣{
边缘：2米；
字体大小：粗体；
}

姓名：
地址:
电话：
登记

这是验证表单最费力的方法。HTML5提供了内部机制，可以更好地处理自动错误消息，并且只需要几行代码（如果有的话）。谢谢Jojo先生提供的有用信息。我只是想让错误信息显示出来，以供我的项目使用。我添加了一个响应，以显示这种方式感谢您的评论，朱利叶斯。这里的问题是当字段输入不正确时表单仍然提交。当其中一个函数上的标志为true或有其他方式时，如何防止表单提交？当您将

submit

按钮从

onclick=“AllValidate（）”

修改为

onclick=“return AllValidate（）”

，直到

AllValidate（）

函数返回true，表单才会提交。在我的

AllValidate（）

函数中，表单应在且仅当

addressValidate（）==true&&phoneValidate（）==true

时提交。请告诉我，如果问题仍然存在，请选择其他选项

function AllValidate(){
   return (addressValidate() && phoneValidate());
}