如果出于某种原因,一个项目要求单个页面包含多个表单,那么当其中一个表单先于其他表单提交时,是否有任何最佳实践来处理不完整表单的错误?
换句话说,假设我们在一个页面上有两个表单:'myCat'
和 'myDog'
;这些表单具有三个输入框:'catName'
、'catColor'
、'catSpecies'
和一个提交按钮 ('myDog '
有三个输入框:'dogName'
、'dogColor'
、'dogSpecies'
及其自己的提交按钮)。现在,我们必须做好准备,应对用户在一个表单上输入一些条目,但在继续处理另一个表单并提交该表单之前没有提交它的情况。例如,如果用户输入 'catName'
的值,然后继续完成所有 'myDog'
条目并提交 'myDog'
表单中,似乎应该询问用户是否也希望保存 'catName'
条目。 (我认识到这个示例最好使用相同形式的两个字段集来解决。我使用该示例作为说明。)
对于如何评估不完整的表单并在用户因提交表单而不知不觉地离开或刷新页面之前发出警告,是否有任何示例或建议?
最佳答案
对于表单验证之后:我会做的一件事是,如果特定字段出现错误,则将该字段的边框颜色更改为红色或吸引您注意的颜色,然后在该字段旁边显示错误。这样用户就知道哪个字段有错误,以及他们可以采取什么措施来修复它。
关于javascript - 单页上有多个表单时表单提交的最佳实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24154999/