Как на аяксе реализовать проверку вводимых данных в инпут?Необходимо чтобы, если вводятся недопустимые символы - вылезало предупреждение
>>130847509 (OP)http://htmlbook.ru/html/attr/onchangeБез отправки данных на сервер, если этого достаточно.
>>130847557нет, не достаточно
бамп
>>130847509 (OP)ты что-то не то говоришьаяксом ты можешь делать запрос. Проверку введенных данных ты можешь сделать без запроса на клиенте
>>130848353Макакачую. Гугли жабаскрипт валидейшн
>>130848353Возможно. Вообщем есть такая часть кода (проверяет на количество введенных символов): $(function() { $("input[id='login']").keyup(function count(){ var numlog = $("input[id='login']").val().length; if (numlog > 0 && numlog < 3) { $("#login_warning").html("Не менее 3 символов"); } else if (numlog >= 3 && numlog <= 15) { $("#login_warning").html("Верно"); } else if (numlog > 15) { $("#login_warning").html("Не более 15 символов"); } else { $("#login_warning").html(""); } }); });Что сюда допилить (с регулярками и со всей пердой) дабы шла проверка на введение латинских букв и цифр?
>>130848488>\t\tпростите фикс. хз хуль оно вставилось
>>130848488запили на jsfiddle, я тебе помогу
и скажи какие символы проверять надо
>>130848656a-Z0-9_
>>130848626нужно именно аяксом
>>130848758Зачем тебе аяксом? Делай проверку на клиенте сначала, чтобы сервак не грузить запросами.
>>130848873>Зачем тебе аяксом?я это делаю дабы вкатиться в дисциплину. Нужно изучить эту хуиту
>>130849007ты понимаешь вообще как это должно работать? У тебя есть сервер? на нем есть метод проверки данных из запроса?
>>130847509 (OP)ты долбоеб штоли? а? еблан тупой сука, аякс отправляет запросы нахуй и позволяет перерисовать элемент страницы в случае успеха или проеба. Регулярку делай, обезьяна ебаная
>>130849053Если честно я вообще не пойму. Разве оно к серверу обращается?По отправке сабмитом на сервер естественно проверяется. Но мне нужно прохавать как осуществить динамичные проверки именно по мере ввода
>>130849162как обратиться к тому что вводится в инпут посредством JS на стороне клиента? Код который я привел - это то, что я нагуглил прост
>>130849166регулярку сука делай, сказали же тебе.как минимум он >>130848671
Нахуй пошел мудак, аяксом валидации делать собрался
>>130847509 (OP)Пиздос, братюнь, тебе насоветовали говна. Типо пройди путь с нуля. Ты у мамы фронтендером стать решил? Учи один фреймворк и не еби мозги. Реакт сойдет. У тебя там в методиче ДАЙНЕМИК ЭЙТИЭМЭЛЬ не написано еще?
>>130849213давай разберемся сначала долбоеб ты или нет. Зачем ты используешь аякс? знаешь зачем его используют другие люди? понимаешь что ты спизданул хуйню и проверку формы перед отправкой нужно делать обычным жабаскриптом с регулярным выражением например
>>130849166Вот мой тебе совет. Хочешь освоить аякас - параллельно осваивай Node.js + express. Такие проверки аяксом не делаются. Представь, у тебя сервер стоит и каждый раз когда кто-то печатает в этот инпут у тебя идет запрос к серверу, так его и заддосить можно.https://learn.javascript.ru/events-changeвот тут показано как можно поймать ивент изменения значения, input.oninput = function() {... сработает каждый раз когда что-то вводится в инпут. В этой функции ты должен проверять значение инпут input.value и проверять его .length и пройтись регуляркой. Если становися понятно, что значение невалидно, можешь просто сделать кнопку сабмита disabled. а если валидно, то убрать этот атрибут.Отправка данных. Тут на ноде сделай метот, который бы принимал данные, что-то с ними делал и отправлял ответА вообще туториалы проходи, один за одним. Node.js, express, ajax, ES6, можно еще React, mongoose (база данных) и вот ты уже что-то смог, если в этом разобрался
>>130849279>проверку формы перед отправкой нужно делать обычным жабаскриптом с регулярным выражениемЭто не отменяет необходимость валидации инпута на сервере.К тому же в некоторых местах удобно валидировать аяксом. Взять ту же страничку регистрации gmail._мимокрок_
>>130849408да он не понимает зачем он хочет использовать аякс, а ты ему про нод жс рассказываешь. У него походу нет сервера ваще и он хочет просто с одной страницы на другую чтото передать
>>130849503Возможно ты прав
>>130849218Чтобы сделать регулярку, мне нужно обратиться к вводимым данным. Я хз как это сделать.document.getElementById('login').value ???>>130849231>Ты у мамы фронтендером стать решил?Нет. Я пхп-макака. Но хочу изучить необходимые фронтенд основы>>130849279>Зачем ты используешь аякс?Что гугл дал, то и использую. Если пояснишь, как реализовать простым JS - буду рад
>>130849408> input.oninput = function() Походу оно. Щас проверю. Дай бог тебе здоровьечка>>130849564он не прав
>>130849600да, ты правильно написал. var login = document.getElementById('login').value;тебе надо сперва понять как аякс юзать, валидировать его на сервере каждый раз когда текст меняется - плохая идея
>>130849727>ты правильно написалНо ведь, так оно будет проверяться только по отправке на сервер, а мне нужно по мере ввода
>>130849475тогда подключай жиквери и не еби себе мозги. Мануалов куча,валидация пишется в одну строку. Удобно обращаться в объекту без долбоебизма, просто пишешь $('#button').click(function() {и ебашишь код здесь.$.ajax({type: "POST", url: "some.php", data: variable:op-hui,success: function(data){ alert(op hui); }});})как то так
Ставь торнаду, подключай wtforms и еби систему в ротъ
>>130849775в жиквери есть ивенты например $('#op input').keyup(function(){alert(op-hui);});$('#op input').change(function(){alert(op-hui);});Причем события можно комбинировать. Гугли заебал. Я на двач подрочить пришол, а не рассказывать тебе эту хуету
>>130847509 (OP)https://jqueryvalidation.org/remote-method/
Ваще никогда ничего не валидирую на клиенте. Только на сервере.
тред не читай сразу отвечай. ебаный по голове - ты вообще знаешь что такое аякс? валидировать он собрался. такое ощущение что все остальные собравшиеся тоже не в курсах что это такое, потому что обсуждаете хуй пойми что. во-первых надо усянить что такое аякс вообще, а потом уже задавать подобные вопросы. аякс это метод, с помощью которого обновляют содержимое хтмл странички не перезагружая её всю. в по тихому отправляя запрос серверу, получая от него ответ и вставляя этот ответ в страничку. при этом остальная часть странички не обновляется. теперь к твоей задаче, валидации данных с помощью аякса. сперва ты понимаешь что валидировать данные тебе придется на сервере. должен быть у тебя адрес, предав на который постом или гетом запрос с данными для валидации, тебе отвечают канают эти данные или нет. когда такая страничка уже есть, ты берешь скрипт, что уже написал анон Аноним 01/07/16 Птн 08:49:44 №130849831 >>130849475тогда подключай жиквери и не еби себе мозги. Мануалов куча,валидация пишется в одну строку. Удобно обращаться в объекту без долбоебизма, просто пишешь $('#button').click(function() {и ебашишь код здесь.$.ajax({type: "POST",url: "тут адрес для валидации.php",data: variable:op-hui,success: function(data){тут ты пихаешь полученный ответ по валидации на страничку себе}});})