Constructor
new Form()
Properties:
Name | Type | Description |
---|---|---|
submitted-invalid |
boolean | set by this element when the form is submitted. Does not trigger any behavior and can be used in CSS. |
- Source:
- See:
Fires:
- brut:invalid Fired when any element is found to be invalid
- brut:valid Fired when no element is found to be invalid. This should be reliable to know when constraint violations have cleared.event:
Example
Basic Structure Required
<brut-form>
<form ...>
<label>
<input type="text" required name="username">
<brut-cv-messages>
</brut-cv-messages>
</label>
<div> <!-- container need not be a label -->
<input type="text" required minlength="4" name="alias">
<brut-cv-messages>
</brut-cv-messages>
</div>
<button>Submit</button>
</form>
</brut-form>
<!-- after a submit of this form, the HTML will effectively be as follows -->
<brut-form submitted-invalid>
<form ...>
<label>
<input type="text" required name="username">
<brut-cv-messages>
<brut-cv>This field is required</brut-cv>
</brut-cv-messages>
</label>
<div> <!-- container need not be a label -->
<input type="text" required minlength="4" name="alias">
<brut-cv-messages>
<brut-cv>This field is required</brut-cv>
</brut-cv-messages>
</div>
<button>Submit</button>
</form>
</brut-form>