我有一个表单,其中我有两个INPUTS,这些是强制性的,所以我使用HTML5 REQUIRED属性,但它只有在我放置一个BUTTON时才有效,这会使我的页面在提交时重新加载,但我不直接发送但我使用Ajax,因为我想验证它们,所以我使用过:
<form>
<input type="text" id="dato1" required>
<input type="text" id="dato2" required>
<input type="button" id="boton" value="enviar" onclick="mifuncion()">
</form>
但这不会使用REQUIRED验证带有HTML5的表单, 如果我使用BUTTON页面被重新加载并且我丢失了使用AJAX加载的信息
<button onclick="mifuncion()">Enviar </button>
我想要实现的是验证我有BUTTON但页面没有重新加载
晚上好,如果您正在寻找的是当您按下按钮时执行 ajax 而不是表单的提交,您必须使用 ajax 覆盖提交功能:
要通过 AJAX 发送表单,首先,必须阻止默认操作(通过重新加载文档发送)。这是使用函数完成的
preventDefault
。Event
此方法可防止对事件执行默认操作,因此您可以自定义此行为。HTML5 还建议您通过
pattern
接受正则表达式的属性使用自定义验证,如果您想以编程方式验证表单,您可以checkValidity
为每个控件使用该函数。你可以这样做:
event.preventDefault()
:如果可以取消,则取消该事件,而不停止该事件的其余操作,即可以再次调用它。element.checkValidity()
: 方法检查元素是否有约束以及是否满足它们。修改:
为了能够使用
preventDefault
,函数mifuncion
必须接收对象作为参数event
。在 的情况下分配功能时onclick
,button
您必须通过它。例子:要检查 是否
form
有效,您必须使用form.checkValidity()
.示范:
如前所述,您要做的是在提交表单时
submit
,根据您的要求停止提交事件并分析字段。干杯,