[Ответить в тред] Ответить в тред

03/04/16 - Набор в модераторы 03.04 по 8.04
26/03/16 - Конкурс: Помоги гомункулу обрести семью!
15/10/15 - Набор в модераторы 15.10 по 17.10


[Назад][Обновить тред][Вниз][Каталог] [ Автообновление ] 37 | 1 | 12
Назад Вниз Каталог Обновить

Аноним 01/07/16 Птн 07:16:59  130847509  
14673466191650.jpg (21Кб, 579x386)
Как на аяксе реализовать проверку вводимых данных в инпут?

Необходимо чтобы, если вводятся недопустимые символы - вылезало предупреждение
Аноним 01/07/16 Птн 07:19:26  130847557
>>130847509 (OP)
http://htmlbook.ru/html/attr/onchange
Без отправки данных на сервер, если этого достаточно.
Аноним 01/07/16 Птн 07:30:15  130847779
>>130847557
нет, не достаточно
Аноним 01/07/16 Птн 07:36:41  130847926
бамп
Аноним 01/07/16 Птн 07:45:54  130848142
бамп
Аноним 01/07/16 Птн 07:51:38  130848284
бамп
Аноним 01/07/16 Птн 07:54:38  130848353
>>130847509 (OP)
ты что-то не то говоришь
аяксом ты можешь делать запрос. Проверку введенных данных ты можешь сделать без запроса на клиенте
Аноним 01/07/16 Птн 07:58:03  130848420
>>130848353
Макакачую. Гугли жабаскрипт валидейшн
Аноним 01/07/16 Птн 08:01:22  130848488
>>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("");
}
});
});

Что сюда допилить (с регулярками и со всей пердой) дабы шла проверка на введение латинских букв и цифр?
Аноним 01/07/16 Птн 08:02:07  130848502
>>130848488
>\t\t
простите фикс. хз хуль оно вставилось
Аноним 01/07/16 Птн 08:07:27  130848626
>>130848488
запили на jsfiddle, я тебе помогу
Аноним 01/07/16 Птн 08:08:52  130848656
и скажи какие символы проверять надо
Аноним 01/07/16 Птн 08:09:48  130848671
>>130848656
a-Z0-9_
Аноним 01/07/16 Птн 08:13:28  130848758
>>130848626
нужно именно аяксом
Аноним 01/07/16 Птн 08:17:20  130848873
>>130848758
Зачем тебе аяксом? Делай проверку на клиенте сначала, чтобы сервак не грузить запросами.
Аноним 01/07/16 Птн 08:22:35  130849007
>>130848873
>Зачем тебе аяксом?
я это делаю дабы вкатиться в дисциплину. Нужно изучить эту хуиту
Аноним 01/07/16 Птн 08:24:48  130849053
>>130849007
ты понимаешь вообще как это должно работать? У тебя есть сервер? на нем есть метод проверки данных из запроса?
Аноним 01/07/16 Птн 08:28:35  130849162
>>130847509 (OP)
ты долбоеб штоли? а? еблан тупой сука, аякс отправляет запросы нахуй и позволяет перерисовать элемент страницы в случае успеха или проеба. Регулярку делай, обезьяна ебаная
Аноним 01/07/16 Птн 08:28:40  130849166
>>130849053
Если честно я вообще не пойму. Разве оно к серверу обращается?

По отправке сабмитом на сервер естественно проверяется. Но мне нужно прохавать как осуществить динамичные проверки именно по мере ввода
Аноним 01/07/16 Птн 08:30:19  130849213
>>130849162
как обратиться к тому что вводится в инпут посредством JS на стороне клиента? Код который я привел - это то, что я нагуглил прост
Аноним 01/07/16 Птн 08:30:25  130849218
>>130849166
регулярку сука делай, сказали же тебе.
как минимум он >>130848671
Аноним 01/07/16 Птн 08:30:36  130849223
Нахуй пошел мудак, аяксом валидации делать собрался
Аноним 01/07/16 Птн 08:30:55  130849231
>>130847509 (OP)
Пиздос, братюнь, тебе насоветовали говна. Типо пройди путь с нуля. Ты у мамы фронтендером стать решил? Учи один фреймворк и не еби мозги. Реакт сойдет. У тебя там в методиче ДАЙНЕМИК ЭЙТИЭМЭЛЬ не написано еще?
Аноним 01/07/16 Птн 08:32:34  130849279
>>130849213
давай разберемся сначала долбоеб ты или нет.
Зачем ты используешь аякс? знаешь зачем его используют другие люди? понимаешь что ты спизданул хуйню и проверку формы перед отправкой нужно делать обычным жабаскриптом с регулярным выражением например
Аноним 01/07/16 Птн 08:36:51  130849408
>>130849166
Вот мой тебе совет. Хочешь освоить аякас - параллельно осваивай Node.js + express. Такие проверки аяксом не делаются. Представь, у тебя сервер стоит и каждый раз когда кто-то печатает в этот инпут у тебя идет запрос к серверу, так его и заддосить можно.

https://learn.javascript.ru/events-change
вот тут показано как можно поймать ивент изменения значения, input.oninput = function() {... сработает каждый раз когда что-то вводится в инпут. В этой функции ты должен проверять значение инпут input.value и проверять его .length и пройтись регуляркой. Если становися понятно, что значение невалидно, можешь просто сделать кнопку сабмита disabled. а если валидно, то убрать этот атрибут.

Отправка данных. Тут на ноде сделай метот, который бы принимал данные, что-то с ними делал и отправлял ответ

А вообще туториалы проходи, один за одним. Node.js, express, ajax, ES6, можно еще React, mongoose (база данных) и вот ты уже что-то смог, если в этом разобрался
Аноним 01/07/16 Птн 08:38:49  130849475
>>130849279
>проверку формы перед отправкой нужно делать обычным жабаскриптом с регулярным выражением
Это не отменяет необходимость валидации инпута на сервере.
К тому же в некоторых местах удобно валидировать аяксом. Взять ту же страничку регистрации gmail.

_мимокрок_
Аноним 01/07/16 Птн 08:39:33  130849503
>>130849408
да он не понимает зачем он хочет использовать аякс, а ты ему про нод жс рассказываешь. У него походу нет сервера ваще и он хочет просто с одной страницы на другую чтото передать
Аноним 01/07/16 Птн 08:41:22  130849564
>>130849503
Возможно ты прав
Аноним 01/07/16 Птн 08:42:27  130849600
>>130849218
Чтобы сделать регулярку, мне нужно обратиться к вводимым данным. Я хз как это сделать.
document.getElementById('login').value ???

>>130849231
>Ты у мамы фронтендером стать решил?
Нет. Я пхп-макака. Но хочу изучить необходимые фронтенд основы

>>130849279
>Зачем ты используешь аякс?
Что гугл дал, то и использую. Если пояснишь, как реализовать простым JS - буду рад
Аноним 01/07/16 Птн 08:44:56  130849681
>>130849408
> input.oninput = function()
Походу оно. Щас проверю. Дай бог тебе здоровьечка
>>130849564
он не прав
Аноним 01/07/16 Птн 08:46:20  130849727
>>130849600
да, ты правильно написал.
var login = document.getElementById('login').value;

тебе надо сперва понять как аякс юзать, валидировать его на сервере каждый раз когда текст меняется - плохая идея
Аноним 01/07/16 Птн 08:47:44  130849775
>>130849727
>ты правильно написал
Но ведь, так оно будет проверяться только по отправке на сервер, а мне нужно по мере ввода
Аноним 01/07/16 Птн 08:49:44  130849831
>>130849475
тогда подключай жиквери и не еби себе мозги. Мануалов куча,валидация пишется в одну строку. Удобно обращаться в объекту без долбоебизма, просто пишешь $('#button').click(function() {
и ебашишь код здесь.

$.ajax({
type: "POST",
url: "some.php",
data: variable:op-hui,
success: function(data){
alert(op hui);
}

});
})

как то так
Аноним 01/07/16 Птн 08:51:11  130849879
Ставь торнаду, подключай wtforms и еби систему в ротъ
Аноним 01/07/16 Птн 08:52:07  130849913
>>130849775
в жиквери есть ивенты например
$('#op input').keyup(function(){
alert(op-hui);
});
$('#op input').change(function(){
alert(op-hui);
});

Причем события можно комбинировать. Гугли заебал. Я на двач подрочить пришол, а не рассказывать тебе эту хуету
Аноним 01/07/16 Птн 08:52:55  130849947
>>130847509 (OP)
https://jqueryvalidation.org/remote-method/
Аноним 01/07/16 Птн 08:53:29  130849966
Ваще никогда ничего не валидирую на клиенте. Только на сервере.
Аноним 01/07/16 Птн 09:02:21  130850281
тред не читай сразу отвечай. ебаный по голове - ты вообще знаешь что такое аякс? валидировать он собрался. такое ощущение что все остальные собравшиеся тоже не в курсах что это такое, потому что обсуждаете хуй пойми что. во-первых надо усянить что такое аякс вообще, а потом уже задавать подобные вопросы. аякс это метод, с помощью которого обновляют содержимое хтмл странички не перезагружая её всю. в по тихому отправляя запрос серверу, получая от него ответ и вставляя этот ответ в страничку. при этом остальная часть странички не обновляется. теперь к твоей задаче, валидации данных с помощью аякса. сперва ты понимаешь что валидировать данные тебе придется на сервере. должен быть у тебя адрес, предав на который постом или гетом запрос с данными для валидации, тебе отвечают канают эти данные или нет. когда такая страничка уже есть, ты берешь скрипт, что уже написал анон Аноним 01/07/16 Птн 08:49:44 №130849831
>>130849475
тогда подключай жиквери и не еби себе мозги. Мануалов куча,валидация пишется в одну строку. Удобно обращаться в объекту без долбоебизма, просто пишешь $('#button').click(function() {
и ебашишь код здесь.

$.ajax({
type: "POST",
url: "тут адрес для валидации.php",
data: variable:op-hui,
success: function(data){
тут ты пихаешь полученный ответ по валидации на страничку себе
}

});
})

[Назад][Обновить тред][Вверх][Каталог] [Реквест разбана] [Подписаться на тред] [ ] 37 | 1 | 12
Назад Вверх Каталог Обновить

Топ тредов