GraphQL Mutation Form

This form uses GraphQL mutations to submit data, presenting a unique challenge for autofill systems that expect traditional form submissions.

Success! Mutation executed successfully! The secret is: dumbledore
Error!

User Registration

First name is required
Last name is required
Please enter a valid email address
Password must be at least 8 characters

Address Information

Street address is required
City is required
State is required
Please enter a valid zip code
Country is required

Payment Information

Name on card is required
Please enter a valid card number
Please enter a valid expiry date
Please enter a valid CVV
You must agree to the terms and conditions

User
id: ID!
firstName: String!
lastName: String!
email: String!
phone: String
address: Address
paymentMethod: PaymentMethod
agreeToTerms: Boolean!
Address
street: String!
city: String!
state: String!
zipCode: String!
country: String!
PaymentMethod
cardholderName: String!
cardNumber: String!
expiryDate: String!
cvv: String!
CreateUserInput
firstName: String!
lastName: String!
email: String!
password: String!
phone: String
address: AddressInput
paymentMethod: PaymentMethodInput
agreeToTerms: Boolean!
AddressInput
street: String!
city: String!
state: String!
zipCode: String!
country: String!
PaymentMethodInput
cardholderName: String!
cardNumber: String!
expiryDate: String!
cvv: String!

Loading...
Response: