• Components
  • Error
This static export displays a forced validation state. Form submission is disabled.

Error

  • sampleError: this field is required
  • sample2Error: this field is required 
@jrmc.form()
  @jrmc.form.control({ name: 'sampleError', error: false })
    @!jrmc.form.input({ class: 'input-bordered' })
  @end

  @jrmc.form.control({ name: 'sample2Error', error: false })
    @!jrmc.form.input({ class: 'input-bordered' })
  @end

  @jrmc.form.control({ label: false, error: false })
    @!jrmc.button.input({ text: 'Login', type: 'submit', class: 'btn-primary' })
  @end
@end
<form method="POST" >    <input type='hidden' name='_csrf' value='q5M2Nhgk-Nxnu1schNCSBCmvPNxkNhGnsodU'>

<div class="alert alert-error" >
        <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current flex-shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>    <div>        <ul>
      <li> sampleError: this field is required </li>
      <li> sample2Error: this field is required </li>
    </ul></div></div>





  
<div class="form-control mb-5" >
<label class="label cursor-pointer" for="sampleError">
<span class="label-text" >
  Sample Error:</span>  
</label>
  <input
  type="text"
  class="input input-bordered"
   name="sampleError"
   id="sampleError"
  
  
  value=""
/>

</div>


<div class="form-control mb-5" >
<label class="label cursor-pointer" for="sample2Error">
<span class="label-text" >
  Sample2 Error:</span>  
</label>
  <input
  type="text"
  class="input input-bordered"
   name="sample2Error"
   id="sample2Error"
  
  
  value=""
/>

</div>


<div class="form-control mb-5" >

  <input 
  type="submit"
  class="btn btn-primary"
  value="Login" />

</div>

</form>

Error inline

this field is required
this field is required 
@jrmc.form({ error: false })
  @jrmc.form.control({ name: 'sampleError' })
    @!jrmc.form.input({ class: 'input-bordered' })
  @end

  @jrmc.form.control({ name: 'sample2Error' })
    @!jrmc.form.input({ class: 'input-bordered' })
  @end

  @jrmc.form.control({ label: false, error: false })
    @!jrmc.button.input({ text: 'Login', type: 'submit', class: 'btn-primary' })
  @end
@end
<form method="POST" >    <input type='hidden' name='_csrf' value='q5M2Nhgk-Nxnu1schNCSBCmvPNxkNhGnsodU'>

  
<div class="form-control mb-5" >
<label class="label cursor-pointer" for="sampleError">
<span class="label-text" >
  Sample Error:</span>  
</label>
  <input
  type="text"
  class="input input-bordered"
   name="sampleError"
   id="sampleError"
  
  
  value=""
/>

<div class="label" >    <span class="label-text-alt text-error">this field is required</span>
</div></div>


<div class="form-control mb-5" >
<label class="label cursor-pointer" for="sample2Error">
<span class="label-text" >
  Sample2 Error:</span>  
</label>
  <input
  type="text"
  class="input input-bordered"
   name="sample2Error"
   id="sample2Error"
  
  
  value=""
/>

<div class="label" >    <span class="label-text-alt text-error">this field is required</span>
</div></div>


<div class="form-control mb-5" >

  <input 
  type="submit"
  class="btn btn-primary"
  value="Login" />

</div>

</form>

Error disabled 

@jrmc.form({ error: false })
  @jrmc.form.control({ name: 'sampleError', error: false })
    @!jrmc.form.input({ class: 'input-bordered' })
  @end

  @jrmc.form.control({ name: 'sample2Error', error: false })
    @!jrmc.form.input({ class: 'input-bordered' })
  @end

  @jrmc.form.control({ label: false, error: false })
    @!jrmc.button.input({ text: 'Login', type: 'submit', class: 'btn-primary' })
  @end

@end
<form method="POST" >    <input type='hidden' name='_csrf' value='q5M2Nhgk-Nxnu1schNCSBCmvPNxkNhGnsodU'>

  
<div class="form-control mb-5" >
<label class="label cursor-pointer" for="sampleError">
<span class="label-text" >
  Sample Error:</span>  
</label>
  <input
  type="text"
  class="input input-bordered"
   name="sampleError"
   id="sampleError"
  
  
  value=""
/>

</div>


<div class="form-control mb-5" >
<label class="label cursor-pointer" for="sample2Error">
<span class="label-text" >
  Sample2 Error:</span>  
</label>
  <input
  type="text"
  class="input input-bordered"
   name="sample2Error"
   id="sample2Error"
  
  
  value=""
/>

</div>


<div class="form-control mb-5" >

  <input 
  type="submit"
  class="btn btn-primary"
  value="Login" />

</div>


</form>

Error manual

  • sampleError: this field is required
  • sample2Error: this field is required 
@jrmc.form({ error: false })
  @jrmc.form.control({ name: 'sampleError', error: false })
    @!jrmc.form.input({ class: 'input-bordered' })
  @end

  @jrmc.form.control({ name: 'sample2Error', error: false })
    @!jrmc.form.input({ class: 'input-bordered' })
  @end

  @jrmc.form.control({ label: false, error: false })
    @!jrmc.button.input({ text: 'Login', type: 'submit', class: 'btn-primary' })
  @end

  @!jrmc.form.error.all({ class: 'mt-5'})
@end
<form method="POST" >    <input type='hidden' name='_csrf' value='q5M2Nhgk-Nxnu1schNCSBCmvPNxkNhGnsodU'>

  
<div class="form-control mb-5" >
<label class="label cursor-pointer" for="sampleError">
<span class="label-text" >
  Sample Error:</span>  
</label>
  <input
  type="text"
  class="input input-bordered"
   name="sampleError"
   id="sampleError"
  
  
  value=""
/>

</div>


<div class="form-control mb-5" >
<label class="label cursor-pointer" for="sample2Error">
<span class="label-text" >
  Sample2 Error:</span>  
</label>
  <input
  type="text"
  class="input input-bordered"
   name="sample2Error"
   id="sample2Error"
  
  
  value=""
/>

</div>


<div class="form-control mb-5" >

  <input 
  type="submit"
  class="btn btn-primary"
  value="Login" />

</div>


<div class="alert alert-error mt-5" >
        <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current flex-shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>    <div>        <ul>
      <li> sampleError: this field is required </li>
      <li> sample2Error: this field is required </li>
    </ul></div></div>




</form>