fix: after filled any input value still show warning of empty field

This commit is contained in:
RaktimaNXG
2024-08-07 15:50:54 +05:30
parent 23c2b4b204
commit eb345b5ca2
28 changed files with 73 additions and 0 deletions
@@ -234,6 +234,7 @@ const AddSigner = (props) => {
required
disabled={addYourself}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
/>
</div>
@@ -249,6 +250,7 @@ const AddSigner = (props) => {
onChange={(e) => setEmail(e.target.value?.toLowerCase())}
required
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
disabled={addYourself}
className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
/>
+1
View File
@@ -151,6 +151,7 @@ const AddTeam = (props) => {
value={formdata.name}
onChange={(e) => handleChange(e)}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
/>
+4
View File
@@ -272,6 +272,7 @@ const AddUser = (props) => {
value={formdata.name}
onChange={(e) => handleChange(e)}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
/>
@@ -290,6 +291,7 @@ const AddUser = (props) => {
value={formdata.email}
onChange={(e) => handleChange(e)}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
/>
@@ -346,6 +348,7 @@ const AddUser = (props) => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
>
<option defaultValue={""} value={""}>
@@ -373,6 +376,7 @@ const AddUser = (props) => {
name="role"
className="op-select op-select-bordered op-select-sm focus:outline-none hover:border-base-content w-full text-xs"
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
>
<option defaultValue={""} value={""}>
@@ -164,6 +164,7 @@ const LoginFacebook = ({
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -186,6 +187,7 @@ const LoginFacebook = ({
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -217,6 +217,7 @@ const GoogleSignInBtn = ({
})
}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -236,6 +237,7 @@ const GoogleSignInBtn = ({
})
}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -255,6 +257,7 @@ const GoogleSignInBtn = ({
})
}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -162,6 +162,7 @@ function DropdownWidgetOption(props) {
</label>
<input
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
defaultValue={dropdownName}
value={dropdownName}
@@ -203,6 +204,7 @@ function DropdownWidgetOption(props) {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
type="text"
@@ -238,6 +240,7 @@ function DropdownWidgetOption(props) {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
defaultValue={0}
value={minCount}
@@ -261,6 +264,7 @@ function DropdownWidgetOption(props) {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
defaultValue={0}
value={maxCount}
@@ -81,6 +81,7 @@ const EditTemplate = ({ template, onSuccess }) => {
value={formData.Name}
onChange={(e) => handleStrInput(e)}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
/>
@@ -178,6 +179,7 @@ const EditTemplate = ({ template, onSuccess }) => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -16,6 +16,7 @@ export function EmailBody(props) {
<input
required
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
value={props.requestSubject}
onChange={(e) => props.setRequestSubject(e.target.value)}
placeholder='${senderName} has requested you to sign "${documentName}"'
@@ -250,6 +250,7 @@ function EmailComponent({
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
)}
@@ -267,6 +268,7 @@ function EmailComponent({
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -23,6 +23,7 @@ function VerifyEmail(props) {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
type="tel"
pattern="[0-9]{4}"
@@ -125,6 +125,7 @@ const WidgetNameModal = (props) => {
value={formdata.name}
onChange={(e) => handleChange(e)}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -135,6 +135,7 @@ const CreateFolder = ({ parentFolderId, onSuccess, folderCls }) => {
value={name}
onChange={(e) => setName(e.target.value)}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
+7
View File
@@ -297,6 +297,7 @@ const AddAdmin = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
@@ -313,6 +314,7 @@ const AddAdmin = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
@@ -328,6 +330,7 @@ const AddAdmin = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
@@ -343,6 +346,7 @@ const AddAdmin = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
@@ -358,6 +362,7 @@ const AddAdmin = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
@@ -375,6 +380,7 @@ const AddAdmin = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<span
@@ -424,6 +430,7 @@ const AddAdmin = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<label
@@ -74,6 +74,7 @@ function ChangePassword() {
className="op-input op-input-bordered op-input-sm text-xs w-full"
placeholder={t("current-password")}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -89,6 +90,7 @@ function ChangePassword() {
className="op-input op-input-bordered op-input-sm text-xs w-full"
placeholder={t("new-password")}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -104,6 +106,7 @@ function ChangePassword() {
onChange={(e) => setconfirmpassword(e.target.value)}
placeholder={t("confirm-password")}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -112,6 +112,7 @@ function ForgotPassword() {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
+6
View File
@@ -597,6 +597,7 @@ const Forms = (props) => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<p
@@ -680,6 +681,7 @@ const Forms = (props) => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
{process.env.REACT_APP_DROPBOX_API_KEY && (
@@ -706,6 +708,7 @@ const Forms = (props) => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -740,6 +743,7 @@ const Forms = (props) => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -765,6 +769,7 @@ const Forms = (props) => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -866,6 +871,7 @@ const Forms = (props) => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
+1
View File
@@ -288,6 +288,7 @@ function GuestLogin() {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
+4
View File
@@ -665,6 +665,7 @@ function Login() {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
/>
<hr className="my-1 border-none" />
{!isLoginSSO && (
@@ -688,6 +689,7 @@ function Login() {
t("input-required")
)
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<span
@@ -818,6 +820,7 @@ function Login() {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -844,6 +847,7 @@ function Login() {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
+1
View File
@@ -572,6 +572,7 @@ function Opensigndrive() {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
className="op-input op-input-bordered op-input-sm"
type="text"
@@ -1727,6 +1727,7 @@ function PdfRequestFiles(props) {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
value={otp}
onChange={(e) => setOtp(e.target.value)}
@@ -1775,6 +1776,7 @@ function PdfRequestFiles(props) {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
disabled={loading}
/>
@@ -1799,6 +1801,7 @@ function PdfRequestFiles(props) {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
disabled={loading}
/>
+2
View File
@@ -307,6 +307,7 @@ const PgSignUp = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<label htmlFor="confirmPassword">
@@ -329,6 +330,7 @@ const PgSignUp = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<div
+3
View File
@@ -277,6 +277,7 @@ const SSOVerify = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<p className="text-[10px] text-[red] ml-2">
@@ -302,6 +303,7 @@ const SSOVerify = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
@@ -325,6 +327,7 @@ const SSOVerify = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
</div>
+7
View File
@@ -351,6 +351,7 @@ const Signup = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
@@ -369,6 +370,7 @@ const Signup = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
@@ -384,6 +386,7 @@ const Signup = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
@@ -399,6 +402,7 @@ const Signup = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
@@ -414,6 +418,7 @@ const Signup = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
@@ -431,6 +436,7 @@ const Signup = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<span
@@ -484,6 +490,7 @@ const Signup = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<label
+3
View File
@@ -371,6 +371,9 @@ const TeamList = () => {
t("input-required")
)
}
onInput={(e) =>
e.target.setCustomValidity("")
}
required
/>
<button
@@ -125,6 +125,7 @@ const UpdateExistUserAdmin = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
<hr className="my-2 border-none" />
@@ -145,6 +146,7 @@ const UpdateExistUserAdmin = () => {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
/>
+1
View File
@@ -621,6 +621,7 @@ function UserProfile() {
onInvalid={(e) =>
e.target.setCustomValidity(t("input-required"))
}
onInput={(e) => e.target.setCustomValidity("")}
required
type="tel"
pattern="[0-9]{4}"
@@ -207,6 +207,7 @@ const AddContact = (props) => {
value={name}
onChange={(e) => setName(e.target.value)}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
disabled={addYourself}
className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
@@ -223,6 +224,7 @@ const AddContact = (props) => {
value={email}
onChange={(e) => setEmail(e.target.value?.toLowerCase())}
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
required
disabled={addYourself}
className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs lowercase"
@@ -1815,6 +1815,9 @@ const ReportTable = (props) => {
t("input-required")
)
}
onInput={(e) =>
e.target.setCustomValidity("")
}
required
/>
</div>