Я создаю HTML форму. Я хочу сначала подтвердить номер телефона на той же странице, а затем отправить данные формы. Я использую ajax и jquery в своей форме.
Моя форма содержит поля, такие как имя, отчество, фамилия, пол, доб, возраст, номер мобильного телефона. У меня есть две кнопки в моей форме "getotp" и "представить". Первая кнопка - "getotp". Тип ввода «getotp» - «кнопка», потому что если я использую тип ввода «отправить», то все данные формы будут отправлены. Я хочу, чтобы мой код подтверждал номер телефона с помощью шаблона. Шаблон, который я использовал в своем поле Html: pattern = "[7-9] {1} [0-9] {9}"; затем отправить OTP в фоновом режиме без каких-либо изменений в форме данных и без перезагрузки. Я использую сторонний API для отправки OTP. Затем, в то же время, я хочу, чтобы происходили события, я хочу, чтобы 3 вещи делались одновременно 1 -> OTP отправлено в фоновом режиме. 2 -> текст кнопки getotp получить изменения для «verifyotp». 3 -> Появится окно для ввода моего отп. Затем, наконец, я хочу, чтобы мои данные формы в базу данных go после проверки номера телефона.
Я много пробовал, много искал и использовал много техник для этого. После 3 дней я спрашиваю об этом, потому что теперь мне действительно нужна помощь. Проблема, с которой я столкнулся -
- Мне не удалось переместить «номер телефона» в мой файл php для отправки otp. Это было на самом деле перемещение всех данных.
- При загрузке окна, если пользователь нажимает на кнопку getotp, не вводя ничего в поле, это изменяет его текст.
- Мне не удалось отключить и включить кнопку отправки в то время, когда мне нужно подтверждение.
Заранее спасибо за помощь ..:)