我在一个AMP网站上有一个简单的表单,其中我正在使用as-you-go策略进行字段验证。
我想在submit按钮旁边显示一条通用消息,说明表单仍然无效。
<form method="POST" class="p2" action-xhr=".../api/contacts" custom-
validation-reporting="as-you-go" target="_top">
<input type="text" placeholder="Email" id="email_input" name="email"
required>
<span visible-when-invalid="valueMissing" validation-for="email_input"></span>
<input name="phone" id="phone_input" required>
<span visible-when-invalid="valueMissing"></span>
//SHOW Invalid form message here!
<input id="btn-form-submit" type="submit" value="Submit">
<div id="submit-success" submit-success>
<template type="amp-mustache">
<h6>Success!</h6>
</template>
</div>
<div submit-error>
<template type="amp-mustache">
<h6> Error</h6>
</template>
</div>
</form>我想知道是否可以在提交输入旁边显示一条通用错误消息,说明表单仍然无效。
https://stackoverflow.com/questions/51310993
复制相似问题