Form Validation \u0e04\u0e37\u0e2d \u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e1f\u0e2d\u0e23\u0e4c\u0e21 \u0e40\u0e1b\u0e47\u0e19\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e23\u0e31\u0e1a\u0e08\u0e32\u0e01\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u00a0HTML\u00a0\u00a0 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e15\u0e23\u0e07\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e21\u0e32\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u00a0<\/p>\n\n\n\n
\u0e21\u0e32\u0e14\u0e39\u0e42\u0e04\u0e49\u0e14\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 <\/p>\n\n\n\n
<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"utf-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n <title>Form Validation<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\"\n integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV\/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\" \/>\n<\/head>\n<body>\n <div class=\"container mt-5\">\n <form class=\"row g-3 needs-validation\" novalidate>\n <div class=\"col-md-4\">\n <label for=\"validationCustom01\" class=\"form-label\">\u0e0a\u0e37\u0e48\u0e2d<\/label>\n <input type=\"text\" class=\"form-control\" id=\"validationCustom01\" required minlength=\"3\"\/>\n <div class=\"invalid-feedback\">\u0e2b\u0e49\u0e32\u0e21\u0e27\u0e48\u0e32\u0e07 \u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e48\u0e33 3 \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23<\/div>\n <\/div>\n <div class=\"col-md-4\">\n <label for=\"validationCustom02\" class=\"form-label\">\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25<\/label>\n <input type=\"text\" class=\"form-control\" id=\"validationCustom02\" required minlength=\"3\"\/>\n <div class=\"invalid-feedback\"> \u0e2b\u0e49\u0e32\u0e21\u0e27\u0e48\u0e32\u0e07 \u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e48\u0e33 3 \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23<\/div>\n <\/div>\n <div class=\"col-md-4\">\n <label for=\"validationCustomUsername\" class=\"form-label\">\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e25\u0e4c<\/label>\n <div class=\"input-group has-validation\">\n <span class=\"input-group-text\" id=\"inputGroupPrepend\">@<\/span>\n <input type=\"email\" class=\"form-control\" id=\"validationCustom03\"\n aria-describedby=\"inputGroupPrepend\" required \/>\n <div class=\"invalid-feedback\">\u0e2b\u0e49\u0e32\u0e21\u0e27\u0e48\u0e32\u0e07 \u0e41\u0e25\u0e30\u0e01\u0e23\u0e2d\u0e01\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 <\/div>\n <\/div>\n <\/div>\n <div class=\"col-md-9\">\n <label for=\"validationCustom03\" class=\"form-label\">\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48<\/label>\n <input type=\"text\" class=\"form-control\" id=\"validationCustom04\" required \/>\n <div class=\"invalid-feedback\">\u0e42\u0e1b\u0e23\u0e14\u0e23\u0e30\u0e1a\u0e38\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07<\/div>\n <\/div>\n <div class=\"col-md-3\">\n <label for=\"validationCustom05\" class=\"form-label\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23<\/label>\n <input type=\"text\" class=\"form-control\" id=\"validationCustom05\" required minlength=\"10\" maxlength=\"10\" pattern=\"[0-9]*\"\/>\n <div class=\"invalid-feedback\">\u0e01\u0e23\u0e2d\u0e01\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23 10 \u0e2b\u0e25\u0e31\u0e01<\/div>\n <\/div>\n <div class=\"col-12\">\n <div class=\"form-check\">\n <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"invalidCheck\" required \/>\n <label class=\"form-check-label\" for=\"invalidCheck\">\n \u0e22\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e41\u0e25\u0e30\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\n <\/label>\n <div class=\"invalid-feedback\">\n \u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e01\u0e25\u0e07\u0e01\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e2a\u0e48\u0e07\n <\/div>\n <\/div>\n <\/div>\n <div class=\"col-12\">\n <button class=\"btn btn-primary\" type=\"submit\">\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01<\/button>\n <\/div>\n <\/form>\n <\/div>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/js\/bootstrap.bundle.min.js\"\n integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN\/o0jlpcV8Qyq46cDfL\"\n crossorigin=\"anonymous\"><\/script>\n <script>\n (() => {\n \"use strict\";\n const forms = document.querySelectorAll(\".needs-validation\");\n Array.from(forms).forEach((form) => {\n form.addEventListener(\n \"submit\",\n (event) => {\n if (!form.checkValidity()) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n form.classList.add(\"was-validated\");\n },\n false\n );\n });\n })();\n <\/script>\n<\/body>\n<\/html><\/pre><\/div>\n\n\n\n<\/p>\n\n\n\n
\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49 <\/p>\n\n\n