Невозможно нажать кнопку отправки в форме в мобильном браузере - PullRequest
Новая
       72

Невозможно нажать кнопку отправки в форме в мобильном браузере

0 голосов
/ 05 августа 2020

В настоящее время я развернул веб-сайт с контактной формой. Когда я нажимаю кнопку отправки для отправки формы, заполненной или нет, я не реагирую на попытку нажать кнопку отправки в мобильной версии веб-сайта. У большинства мобильных браузеров такая же проблема. Вот страница html с формой. 

<div class = "contact">
<div class = "emailBox">
    <div class = "emailBoxForm">
        <form (submit) = "onSubmit()">
            <h1>Contact</h1>
            <p>Lets get in touch. I'm open for hire and collaboration.</p>
            <ul id = "listForm">
                <li id = "inputForm"><input id = "form_field" type ="text"  required minlength="3" placeholder="Name" #name = "ngModel" [(ngModel)] = "content.subject" name = "content.subject" /></li>
                <li id = "inputForm"><input id = "form_field" type ="text" placeholder="Email"  required minlength="4" #email = "ngModel" [(ngModel)] = "content.email" name = "content.email"/></li>
                <li id = "inputForm"><textarea id = "form_field" type ="text" placeholder="Message"  required minlength="4" #message = "ngModel" [(ngModel)] = "content.message" name = "content.message"></textarea></li>
                <li id = "inputForm"><button type ="submit" id = "subButton">Submit</button></li>
            </ul>
        </form>
    </div>
    <div class = "feedBack">
        <div *ngFor="let needed of missing" style="color: red">
            <ul id = "feed">
                <li>{{needed}}</li>
            </ul>
        </div>
        <div *ngIf="feedBack" style = "color: green"><h3 id = "feed">Email Sent, Thank you.</h3></div> 
    </div>
</div>

Чтобы добавить, я загрузил приложение android под названием «JIDE», чтобы отображать любые ошибки журнала в мобильном браузере. Даже при использовании "JIDE" ничего не происходит, как будто я вообще не нажимаю на кнопку. FireFox - единственный браузер на моем телефоне Android, который работает правильно. Вот ссылка на сайт, который сейчас работает над сертификатом. http://anthonyrodriguez.me/

1 Ответ

1 голос
/ 05 августа 2020

Вам нужно (ngSubmit) событие в вашей форме, чтобы поймать событие отправки. Попробуйте использовать приведенный ниже код. 

<form name="emailBoxForm" (ngSubmit) = "onSubmit()" novalidate>
            <h1>Contact</h1>
            <p>Lets get in touch. I'm open for hire and collaboration.</p>
            <ul id = "listForm">
                <li id = "inputForm"><input id = "form_field" type ="text"  required minlength="3" placeholder="Name" #name = "ngModel" [(ngModel)] = "content.subject" name = "content.subject" /></li>
                <li id = "inputForm"><input id = "form_field" type ="text" placeholder="Email"  required minlength="4" #email = "ngModel" [(ngModel)] = "content.email" name = "content.email"/></li>
                <li id = "inputForm"><textarea id = "form_field" type ="text" placeholder="Message"  required minlength="4" #message = "ngModel" [(ngModel)] = "content.message" name = "content.message"></textarea></li>
                <li id = "inputForm"><button type ="submit" id = "subButton">Submit</button></li>
            </ul>
        </form>
...