Required field validation is not working in Site

Can you share the Code snippet

a!textField(
label: "First Name",
labelPosition: "ADJACENT",
placeholder: "Enter First Name",
value: ri!accessDetails.firstname,
saveInto: {ri!accessDetails.firstname},
refreshAfter: "UNFOCUS",
required: true,
validations: {
if(
isnull(
cleanwith(
ri!accessDetails.firstName,
"1234567890"
)
),
null,
"Please enter a valid name"
),
if(
like(ri!accessDetails.firstname," "),
"Please enter a valid name",
null
)
}
)
//For the text field

a!buttonLayout(
primaryButtons: a!buttonWidget(
label: "SUBMIT",
value: 3,
saveInto: {
a!startProcess(
processModel: cons!GMA_CALL_ACCESS_DETAILS_PM,
processParameters: {
accessDetails: ri!accessDetails
}
)
},
submit: true,
size: "STANDARD",
color: "ACCENT",
validate: true
)
)
//For button

a!textField(
label: "First Name",
labelPosition: "ADJACENT",
placeholder: "Enter First Name",
value: ri!accessDetails.firstname,
saveInto: {ri!accessDetails.firstname},
refreshAfter: "UNFOCUS",
required: true,
validations: {
if(
isnull(
cleanwith(
ri!accessDetails.firstName,
"1234567890"
)
),
null,
"Please enter a valid name"
),
if(
like(ri!accessDetails.firstname," "),
"Please enter a valid name",
null
)
}
)
//For the text field

a!buttonLayout(
primaryButtons: a!buttonWidget(
label: "SUBMIT",
value: 3,
saveInto: {
a!startProcess(
processModel: cons!GMA_CALL_ACCESS_DETAILS_PM,
processParameters: {
accessDetails: ri!accessDetails
}
)
},
submit: true,
size: "STANDARD",
color: "ACCENT",
validate: true
)
)
//For button