Intro-component-with-signup-form using HTML and CSS

Community feedback

• 

  Furkan Rehber•230

  @rehberbeyPosted about 2 years ago

  Looks great! 🎀

  1. With HTML, you can already validate the form on the client side. You can use attributes like pattern and accept. I suggest you look at input attributes.

  2. You can use the :invalid pseudo-class to change the style of the element when the wrong input is entered.

  3. After that, it will be to submit the form to the server.

  4. If you still want to authenticate with javascript on the client side, you can read this. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#client-side_validation

  <form action="" method="post">
      <label for="name">Name:</label>
      <input type="text" name="name" id="name" required  pattern="[a-zA-Z]+" placeholder="John" />
      <input type="submit" />
  </form>
  

  input:invalid {
      border: 2px solid red;
  }
  

  0

  ---

  

  Taskin Sultana•190

  @TaskinSultanaPosted about 2 years ago

  @rehberbey Thank You So Much :)

  0