fixup! feat(@angular/cli): add initial set of signal form examples

Author: clydin

packages/angular/cli/lib/examples/signal-forms/01-basic-signal-form.md

@@ -79,7 +79,7 @@ export class UserProfileComponent {
 The template is wrapped in a `<form>` tag with a `(submit)` event and a submit button.
 
 ```html
-<form (submit)="handleSubmit(); $event.preventDefault()">
+<form (submit)="handleSubmit(); $event.preventDefault()" novalidate>
   <div>
     <label>
       First Name:

packages/angular/cli/lib/examples/signal-forms/02-built-in-validators.md

@@ -102,7 +102,7 @@ export class UserSettingsComponent {
 This file provides the template for the form, displaying specific error messages for each potential validation failure.
 
 ```html
-<form (submit)="handleSubmit(); $event.preventDefault()">
+<form (submit)="handleSubmit(); $event.preventDefault()" novalidate>
   <div>
     <label>Username:</label>
     <input type="text" [control]="settingsForm.username" />
@@ -165,7 +165,7 @@ This file provides the template for the form, displaying specific error messages
     }
   </div>
 
-  <button type="submit" [disabled]="!settingsForm().valid()">Save Settings</button>
+  <button type="submit">Save Settings</button>
 </form>
 ```
 

packages/angular/cli/lib/examples/signal-forms/03-cross-field-validation.md

@@ -103,7 +103,7 @@ export class PasswordFormComponent {
 This file provides the template for the form, showing how to display errors for both field-level and cross-field validation rules.
 
 ```html
-<form (submit)="handleSubmit(); $event.preventDefault()">
+<form (submit)="handleSubmit(); $event.preventDefault()" novalidate>
   <div>
     <label>
       Password:
@@ -135,7 +135,7 @@ This file provides the template for the form, showing how to display errors for
     }
   </div>
 
-  <button type="submit" [disabled]="!passwordForm().valid()">Submit</button>
+  <button type="submit">Submit</button>
 </form>
 ```
 

packages/angular/cli/lib/examples/signal-forms/04-conditional-validation.md

@@ -85,7 +85,7 @@ export class ContactFormComponent {
 This file provides the template for the form, which includes a checkbox that controls the validation of another field.
 
 ```html
-<form (submit)="handleSubmit(); $event.preventDefault()">
+<form (submit)="handleSubmit(); $event.preventDefault()" novalidate>
   <div>
     <label>
       <input type="checkbox" [control]="contactForm.subscribe" />
@@ -105,7 +105,7 @@ This file provides the template for the form, which includes a checkbox that con
     }
   </div>
 
-  <button type="submit" [disabled]="!contactForm().valid()">Submit</button>
+  <button type="submit">Submit</button>
 </form>
 ```
 

packages/angular/cli/lib/examples/signal-forms/05-dynamic-field-state-hidden.md

@@ -83,7 +83,7 @@ export class ContactFormComponent {
 This file provides the template for the form, using an `@if` block to conditionally render a field based on its `hidden` signal.
 
 ```html
-<form (submit)="handleSubmit(); $event.preventDefault()">
+<form (submit)="handleSubmit(); $event.preventDefault()" novalidate>
   <div>
     <label>Reason for Contact:</label>
     <select [control]="contactForm.reason">
@@ -105,7 +105,7 @@ This file provides the template for the form, using an `@if` block to conditiona
   </div>
   }
 
-  <button type="submit" [disabled]="!contactForm().valid()">Submit</button>
+  <button type="submit">Submit</button>
 </form>
 ```
 

packages/angular/cli/lib/examples/signal-forms/06-conditionally-disabling-fields.md

@@ -83,7 +83,7 @@ export class PromoFormComponent {
 This file provides the template for the form, binding an input's `disabled` attribute to its corresponding field's `disabled` signal.
 
 ```html
-<form (submit)="handleSubmit(); $event.preventDefault()">
+<form (submit)="handleSubmit(); $event.preventDefault()" novalidate>
   <div>
     <label>
       <input type="checkbox" [control]="promoForm.hasPromoCode" />
@@ -105,7 +105,7 @@ This file provides the template for the form, binding an input's `disabled` attr
     }
   </div>
 
-  <button type="submit" [disabled]="!promoForm().valid()">Apply</button>
+  <button type="submit">Apply</button>
 </form>
 ```
 

packages/angular/cli/lib/examples/signal-forms/07-dynamic-arrays.md

@@ -104,7 +104,7 @@ export class SurveyFormComponent {
 This file provides the template for the form, using an `@for` block to render the fields for each question in the array.
 
 ```html
-<form (submit)="handleSubmit(); $event.preventDefault()">
+<form (submit)="handleSubmit(); $event.preventDefault()" novalidate>
   <div>
     <label>
       Survey Title:
@@ -134,7 +134,7 @@ This file provides the template for the form, using an `@for` block to render th
   }
 
   <button type="button" (click)="addQuestion()">Add Question</button>
-  <button type="submit" [disabled]="!surveyForm().valid()">Submit Survey</button>
+  <button type="submit">Submit Survey</button>
 </form>
 ```
 

packages/angular/cli/lib/examples/signal-forms/08-custom-form-control.md

@@ -108,7 +108,7 @@ export class ProductFormComponent {
 This file provides the template for the parent form, showing how the `[control]` directive is used on the custom component.
 
 ```html
-<form (submit)="handleSubmit(); $event.preventDefault()">
+<form (submit)="handleSubmit(); $event.preventDefault()" novalidate>
   <div>
     <label>
       Product Name:

packages/angular/cli/lib/examples/signal-forms/09-async-validation.md

@@ -85,7 +85,7 @@ export class RegistrationFormComponent {
 This file provides the template for the form, showing how to display feedback while the asynchronous validation is pending.
 
 ```html
-<form (submit)="handleSubmit(); $event.preventDefault()">
+<form (submit)="handleSubmit(); $event.preventDefault()" novalidate>
   <div>
     <label>
       Username:
@@ -104,9 +104,7 @@ This file provides the template for the form, showing how to display feedback wh
     }
   </div>
 
-  <button type="submit" [disabled]="!registrationForm().valid() || registrationForm().pending()">
-    Submit
-  </button>
+  <button type="submit" [disabled]="registrationForm().pending()">Submit</button>
 </form>
 ```
 

packages/angular/cli/lib/examples/signal-forms/10-debounced-async-validation.md

@@ -113,7 +113,7 @@ export class RegistrationFormComponent implements OnDestroy {
 This file provides the template for the form, showing how to disable the submit button while validation is in progress.
 
 ```html
-<form (submit)="handleSubmit(); $event.preventDefault()">
+<form (submit)="handleSubmit(); $event.preventDefault()" novalidate>
   <div>
     <label>
       Username:
@@ -132,9 +132,7 @@ This file provides the template for the form, showing how to disable the submit
     }
   </div>
 
-  <button type="submit" [disabled]="!registrationForm().valid() || registrationForm().pending()">
-    Submit
-  </button>
+  <button type="submit" [disabled]="registrationForm().pending()">Submit</button>
 </form>
 ```