Как запустить проверку формы ввода формы без отправки? - PullRequest
Новая
       34

Как запустить проверку формы ввода формы без отправки?

0 голосов
/ 04 апреля 2020

У меня есть форма: 

<form action="/index.html" method="POST" id="form">
    <div id="namediv">
        Full Name: 
        <input type="text" pattern="[A-Z][a-z]+ [A-Z][a-z]+"/ id="name" required/></div>
    <div>
       Date:            
        <input type="date"/>
    </div>
    <div id="emaildiv">
        Email:
        <input type="email" id="email" onblur="validateEmail()" required/><br>
        <emailerror class="invisible">Incorrect email address!</emailerror>
    </div>
    <div id="urldiv">
        Favorite webpage: 
        <input type="url"   name="favurl"id="url" onblur="validateFavURL()" required/><br>
        <urlerror class="invisible">Incorrect webpage!</urlerror>
    </div>
    <div>
        <input type="button" value="Validate" onclick="validateAll()"/>
    </div>
</form>

Как я могу активировать шаблон имени без отправки формы? Я попытался checkValidity (), но не удалось. Каков точный синтаксис для этого?

1 Ответ

0 голосов
/ 04 апреля 2020

Не уверен, что я четко понимаю вопрос. Но проблема, кажется, неверное регулярное выражение. Но в поле написано «полное имя», поэтому вам, вероятно, потребуется также указать пробел. 

<div>
  <label>This field accepts upper and lowercase letters only</label>
</div>
<input type="text" pattern="[A-Z][a-z]+" id="name" required/>
...