Linkend input fields via HTML5 form attribute validation mutliple error labels
Author: barts2108Created Feb 19, 2026Updated Feb 19, 2026
LabelsType: BugStatus: Verified
Your environment
- Version of
jquery-validate: 1.22.1 - Version of
jquery: 3.7.1 - Browser name and version: Firefox 147.0.2
- Browser name and version: Microsoft Edge 145.0.3800.58 (official build) (64-bit)
- Browser name and version: Google Chrome 145.0.7632.76 (Official Build) (64-bit)
Current behavior
When using input tags outside the form tag, linked with the HTML form attribute, and adding rules with a custom message, pressing submit multiple times shows multiple error labels.
This does not happen when an input tag is inside the form tag
Expected behavior
Custom validation messages should appear only once
Live demo
https://codepen.io/barts2108/pen/YPWojxr?editors=1010
Description of the live demo
One table with 2 rows.
- First row all three columns are linked using the form attribute. Pressing the Add button in this row multiple times will show that the error label is added multiplt times
- Second row has one input tag moved into the form tag. Pressing the Add button multiple times here shows that the linked input tags get multiple error labels, but the one moved into the form tag will get only 1 error label, no matter how many times you press the Add button
Source: jquery-validation/jquery-validation