Add maxlength to all inputs

Because the children broke things with it.
This commit is contained in:
Eli Ribble 2026-02-06 16:56:09 +00:00
parent d464a5fbd0
commit f6f54da305
No known key found for this signature in database
5 changed files with 11 additions and 2 deletions

View file

@ -232,7 +232,7 @@ class AddressOrReportInput extends HTMLElement {
<div class="input-group">
<span class="input-group-text"><i class="fas fa-search"></i></span>
<input type="text" class="form-control form-control-lg" id="addressSearch" name="address" placeholder="${placeholder}">
<input type="text" class="form-control form-control-lg" id="addressSearch" maxlength="200" name="address" placeholder="${placeholder}">
<div id="suggestions" class="suggestions-container list-group"></div>
</div>
`;

View file

@ -184,7 +184,7 @@ class AddressInput extends HTMLElement {
</style>
<label for="addressInput" class="form-label">Enter address</label>
<input type="text" class="form-control" id="address" name="address" placeholder="${placeholder}">
<input class="form-control" id="address" maxlength="200" name="address" placeholder="${placeholder}" type="text">
<div id="suggestions" class="suggestions-container list-group"></div>
`;
}

View file

@ -517,6 +517,7 @@ document.addEventListener('DOMContentLoaded', function() {
<textarea
class="form-control"
id="additionalInfo"
maxlength="2048"
name="additional-info"
rows="4"
placeholder="Additional details about the mosquito issue..."

View file

@ -65,6 +65,7 @@
type="text"
class="form-control"
id="name"
maxlength="100"
name="name"
placeholder="Adam Smith"
/>
@ -91,6 +92,7 @@
type="email"
class="form-control"
id="email"
maxlength="200"
name="email"
placeholder="your@email.com"
/>
@ -119,6 +121,7 @@
type="tel"
class="form-control"
id="phone"
maxlength="100"
name="phone"
placeholder="(123) 456-7890"
/>

View file

@ -205,6 +205,7 @@ document.addEventListener('DOMContentLoaded', function() {
<textarea
class="form-control"
id="comments"
maxlength="2048"
name="comments"
rows="4"
placeholder="Example: The house appears to be vacant. There is algae growth in the pool. I've noticed increased mosquito activity in the evenings."
@ -375,6 +376,7 @@ document.addEventListener('DOMContentLoaded', function() {
<textarea
class="form-control"
id="access-comments"
maxlength="1024"
name="access-comments"
rows="3"
placeholder="Example: The pool is in the backyard, which can be accessed through a side gate on the right side of the house."
@ -464,6 +466,7 @@ document.addEventListener('DOMContentLoaded', function() {
type="text"
class="form-control"
id="owner-name"
maxlength="100"
name="owner-name"
/>
</div>
@ -473,6 +476,7 @@ document.addEventListener('DOMContentLoaded', function() {
type="tel"
class="form-control"
id="owner-phone"
maxlength="50"
name="owner-phone"
/>
</div>
@ -482,6 +486,7 @@ document.addEventListener('DOMContentLoaded', function() {
type="email"
class="form-control"
id="owner-email"
maxlength="100"
name="owner-email"
/>
</div>