В моем приложении Polymer 2 у меня есть что-то вроде этого:
<form class="styling" autocomplete="on">
<div class="styling" >
<label>email</label>
<input name="email" autocomplete="email">
</div>
<div class="styling" >
<label>email</label>
<input name="password" autocomplete="current-password">
</div>
<div class="styling">
<a class="styling" on-tap="doRequestFunction">Login<a>
</div>
</form>
Моя проблема в том, что есть много источников, которые говорят, что работает, а что нет, и я пытался удалить внешний div,Я попытался изменить адрес электронной почты на имя пользователя, я попытался изменить <a>
на <input type="submit">
.Я также попытался добавить невидимый ввод имени пользователя ниже ввода электронной почты.У меня есть элемент базы данных, который выполняет мои вызовы ajax, поэтому в идеале я хотел бы просто вызвать функцию запроса при отправке формы, но, похоже, нет способа сделать это, потому что он хочет, чтобы я выполнил действие сфайл или что-то в этом роде.
TL; DR есть способ сделать это:
<form class="styling" onSubmit="doTheRequestFunction" autocomplete="on">
<div class="styling" >
<label>email</label>
<input name="email" autocomplete="email"/>
</div>
<div class="styling" >
<label>email</label>
<input name="password" autocomplete="current-password"/>
</div>
<div class="styling">
<input class="styling" type="submit">Login</input>
</div>
</form>
Кажется, нет способа сделать это в полимере и способы, которыене запрашивайте пароль пользователя и все равно не рекомендуется.В основном использую Chrome.
РЕДАКТИРОВАТЬ: Пожалуйста, не JQuery, только Javascript.Я не знаю, что JQuery делает половину времени, и это небрежно.