2015-09-23 2 views
0

Я довольно новичок в HTML, и мне было интересно, есть ли способ иметь постоянную/мгновенную проверку ошибок в формах.Автоматическая проверка ошибок Javascript/html/php

Так, например, пользователь вводит имя пользователя. имя пользователя должно быть не менее 5 символов, но не более 15. Если пользователь не ввел какие-либо данные, на экране появится сообщение об ошибке (а не всплывающее окно), когда пользователь вводит 5-15 символов, ошибка исчезнет.

Мне было интересно, как я мог бы это сделать, а затем вынужден каждый раз удалять пользователя, чтобы проверить форму на наличие ошибок. Я могу использовать JavaScript (поскольку это то, что я использовал для проверки других ошибок) до некоторой степени, и я бы предпочел не использовать php, но я буду, если это необходимо для его завершения.

Так что мне интересно, где кто-то может указать мне в правильном направлении, чтобы прочитать об этом или предоставить мне функцию, чтобы она автоматически обнаруживала ошибки.

Если у вас есть вопросы или нужна дополнительная информация, дайте мне знать! я сделаю все возможное, чтобы обеспечить его. Извините, если это немного неоднозначно.

http://imgur.com/a/d9n5X

я предоставил изображения на то, что она могла бы выглядеть. Таким образом, первое изображение появляется из-за того, что оно не соответствует требованиям 5-15 символов. Второе изображение подходит, чтобы ошибка исчезла. Надеюсь, это поможет!

Заранее благодарен!

+0

Конечно, вы можете, это называется форма проверки. посмотрите эту ссылку: http://www.sitepoint.com/client-side-form-validation-html5/ – Saar

+1

Вы можете проверить с помощью JS. Вы можете использовать onblur, который будет, когда пользователь покинет область ввода (если будет исправлено правильно). НО вы не должны доверять данным на стороне сервера только потому, что они были проверены на стороне клиента, ВСЕГДА проверяйте серверную сторону. Пользователи могут обходить проверку на стороне клиента. – chris85

+0

@Saar Вау это очень помогает ... Большое вам спасибо! Я думаю, что ты, возможно, только что спас мне задницу! – Burgermeat

ответ

0

Data form validation будет лучшим способом для этого.

<form> 
 
    <label> 
 
    Restricted Input 
 
    <input pattern=".{5,15}" required title="Value must be between 5 and 15 characters." /> 
 
    </label> 
 
    <label> 
 
    Unrestricted Input 
 
    <input /> 
 
    </label> 
 
    <input type="submit" value="Submit" /> 
 
</form>

Смежные вопросы