Breaking News: Grepper is joining You.com. Read the official announcement!

Form validation

Varun Prajapati answered on August 9, 2022 Popularity 10/10 Helpfulness 1/10

answer Form validation

related form validation in html

Form validation

Comment

import React from "react";
import { useForm } from "react-hook-form";

export default function App() {
  const { register, handleSubmit, watch, errors } = useForm();
  const onSubmit = data => console.log(data);
  return (
    <div className="App">
      <form onSubmit={handleSubmit(onSubmit)}>
        <input name="requiredField" ref={register({ required: true })} />
        <br />
        {errors.requiredField && <span>This field is required</span>}
        <br />
        <input type="submit" />
      </form>
    </div>
  );
}

Popularity 10/10 Helpfulness 1/10 Language whatever

Source: thewebdev.info

Tags: validation whatever

Link to this answer
Share Copy Link

Contributed on Aug 09 2022

Varun Prajapati

0 Answers Avg Quality 2/10

Closely Related Answers

form validation in html

Comment

<!DOCTYPE html>
<html>
<head>
<style>
.formData {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
background-color: darkcyan;
}
form {
font-size: 30px;
}
form input {
margin-left: 10px;
font-size: 15px;
}
</style>
</head>
<body>
<div class = "formData" >
<form action = "#" >
Name: <input type = "text" name = "name" required>
<input type = "submit" >
</form>
</div>
</body>
</html>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Feb 08 2023

Miracle Komene

0 Answers Avg Quality 2/10

Form validation

Contents

More Related Answers

Form validation

Closely Related Answers

form validation in html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.