Необходимо использовать метод trim() в поле для ввода пароля

@And82 · Регистрация: 15.01.2016

Многие пользователи копируют пароль с почты, захватывая пробелы, и вставляют в поле для ввода пароля. Жмут "ок" и не могут зайти, потому что нет метода trim. Вопрос простой: куда вставить строку с trim и как она должна выглядеть?

Javascript

$('#login_basic').submit(function(eс) {
    eс.preventDefault();
 
    $('#cred_error, #cred_unknown, #cred_invalid').hide();
 
   
    if (requiredInputsHaveDataCheck('login_basic', required_inputs) === true) {
        formProcessingStart('login_basic');
 
        runLoginRequest('POST', domain_base, 'login', site_language, 'login_basic');
    }
});

@Balanaar · 11.11.2016, 15:29

formProcessingStart() и runLoginRequest() функции продемонстрируйте нам пожалуйста.

@And82 · 11.11.2016, 15:52 **[ТС]**

Javascript

function runLoginRequest(method_type, domain_base, url_path, site_language, form_id)
{
    $.when(
        getApiResponse(method_type, domain_base, url_path, formDataToJson(form_id))
    )
    .done(function(response) {
        var url = window.location.href;
        if (url.indexOf('resign') !== -1) {
          
            $('#create_ad').submit();
        } else if (url.indexOf('logout') !== -1 || url.indexOf('passwordreminder') !== -1) {
            
            window.location.href = buildUrl(domain_base, site_language);
        } else {
            window.location.href = getPathFromUrl(window.location.href, 'modal');
        }
    })
    .fail(function(response) {
        switch (response.status.toString()) {
            case '400': // Bad request (email or password were invalid)
                $('#credentials_error, #credentials_invalid').show();
            break;
 
            case '401': // Unauthorized (email/password combination not in the db)
                $('#cred_error, #cred_unknown').show();
            break;
 
            default:
                handleFailedRequest(response, domain_base, site_language);
            break;
        }
 
        formProcessingEnd(form_id);
    });
}

а эта функция еще глубже уходит

Javascript

function formProcessingStart(form_id)
{
    displayLoadingIcon(form_id)
    disableSumbmitButton(form_id);
    clearFormValidation(form_id);
    hideFormPlaceholderMessages(form_id);
}

@Balanaar · 11.11.2016, 16:06

formDataToJson() функцию продемонстрируйте нам пожалуйста.

@And82 · 11.11.2016, 16:09 **[ТС]**

Balanaar,
а вы взламывать ничего не собираетесь?

А то одни вопросы по функциям, а комментарий пока не поступало. Я боюсь, что сюда весь сайт вывалю )))

@Balanaar · 11.11.2016, 16:10

Либо вываливайте функции, либо сами ищите, где у вас считывается значение пароля из формы. Мне без разницы.

@vettel · 11.11.2016, 16:15

Сообщение от And82

а вы взламывать ничего не собираетесь?

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

Если же вы не хотите показывать ф-ии, то почитайте документацию по методу trim() и сами решайте, где его юзать.
Кратко:

Javascript

1	var login = $('селектор инпута логина, или объект').val().trim();

@And82 · 11.11.2016, 16:20 **[ТС]**

Ребят не злитесь, едем дальше )))

Javascript

function formDataToJson(form_id) {
    var form_data = $('#' + form_id).serializeArray().reduce(function(obj, item) {
        obj[item.name] = item.value;
        return obj;
    }, {});
 
    return JSON.stringify(form_data);
}

@Balanaar · 11.11.2016, 16:26

Отлично. Последний шаг. Нужна разметка вашей формы.

@And82 · 11.11.2016, 16:34 **[ТС]**

Сообщение от Balanaar

Нужна разметка вашей формы.

Вы имеете ввиду form_id ?

Добавлено через 6 минут
не, наверно не это вы имеете ввиду. Можно поконкретней?

@Balanaar · 11.11.2016, 16:42

HTML-разметка формы.

HTML5

1
2
3

<form id="XXXXXX">
...
</form>

@And82 · 11.11.2016, 16:44 **[ТС]**

Сообщение от Balanaar

HTML-разметка формы.

секунду, форма логина с двумя полями (логин, пароль)?

@Balanaar · 11.11.2016, 16:45

Видимо да. Не знаю, как у вас там форма устроена.

@And82 · 11.11.2016, 17:30 **[ТС]**

HTML5

v class="position-relative modal-content">
            <div class="modal-header">
                <button type="button" class="" data-dismiss="modal" aria-label="{#close#}">
                    <span aria-hidden="true">&times;</span>
                </button>
 
                <h4 id="login-modal_label" class="modal-title text-info text-uppercase">
                    {#si_login#}
                </h4>
 
                <div id="error_msg_after_reg" class="display-none text-info" style="text-align:center;">
                    {#si_error_msg_after_reg#}
                </div>
            </div>
 
            <div class="modal-body row">
                <div id="cred_error" class="col-md-12 display-none">
                    <div class="alert alert-danger" role="alert">
                        <h4 class="display-inline">
                            <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                        </h4>
                        <span id="cred_invalid" class="display-none">{#si_invalid_creds#}</span>
                        <span id="cred_unknown" class="display-none">{#si_wrong_cred#}</span>
                    </div>
                </div>
 
                <form id="login_basic" method="" action="#" novalidate>
                    <div class="col-md-12 form-group">
                        <input id="login_email_username" class="input form-control" type="email" name="login_email_username" value="" placeholder="{#si_email_address#}" maxlength="191" tabindex="{counter name='ti'}">
 
                        <div id="login_email_username_failed" class="failed_validation_message"></div>
                    </div>
 
                    <div class="col-md-12 form-group">
                        <div class="input-group">
                            <input id="login_password" class="input form-control" type="password" name="login_password" value="" placeholder="{#si_password#}" maxlength="16" tabindex="{counter name='ti'}">
                            <div class="input-group-addon cursor-pointer" style="padding: 0px 4px;" onclick="showPassword('login_password', 'login_show_pass_button');">
                                <span id="login_show_pass_button" class="glyphicons glyphicons-eye-open" title="{#si_show_password#}"></span>
                            </div>
                        </div>
                        <div id="login_password_failed" class="failed_validation_message"></div>
                    </div>
 
                    <div class="col-md-6">
                        <label class="position-relative" for="auto_login" style="font-weight: normal; bottom: 2px;">
                            <input id="auto_login" type="checkbox" name="login_form_auto_login" value="1" checked tabindex="{counter name='ti'}"> {#si_remember_me#}
                        </label>
                    </div>
 
                    <div class="col-md-6 text-right">
                        <a class="rhs_box_link" href="{$domain_base}{$url.passowrdreminder}" tabindex="{counter name='ti'}">
                            {#si_forgot_pw#}
                        </a>
                    </div>
 
                    <div class="col-md-12" style="margin-top: 10px;">
                        <input class="btn btn-info btn-block" type="submit" value="{$buttontext.login}" tabindex="{counter name='ti'}">
                    </div>
                </form>
 
                <div class="col-md-12">
                    <hr/>
                </div>
 
                <div class="col-md-12">
                    {if !$ges_privacy_ref}
                        <div class="text-center">
                            {#si_not_a_user#}
                            <a id="hide_login_show_register" class="rhs_box_link" href="#" tabindex="{counter name='ti'}">
                                {#si_sign_up#}
                            </a>
                        </div>
                    {else}
                        <a class="btn btn-link" href="{$domain_base}{$url.ad_resign}" tabindex="{counter name='ti'}">
                            {#si_create_off_now#}
                        </a>
                    {/if}
                </div>
            </div>
        </di

@Balanaar · 12.11.2016, 01:04

По идее так:

Javascript

function formDataToJson(form_id) {
    if (form_id == 'login_basic') {
        var passElem = $('#login_password');
        passElem.val(passElem.val().trim());
    }
    var form_data = $('#' + form_id).serializeArray().reduce(function(obj, item) {
        obj[item.name] = item.value;
        return obj;
    }, {});
 
    return JSON.stringify(form_data);
}

@And82 · 14.11.2016, 11:22 **[ТС]**

Balanaar,

согласен с тобой. Я бы тоже это туда написал, будь у меня опыт. Хотя я не до конца понимаю твой IF.
Но, к сожалению не работает. ((

@Balanaar · 14.11.2016, 11:24

Что не работает? Что говорит консоль? Точками останова пробовали дебажить?

@And82 · 14.11.2016, 11:30 **[ТС]**

ничего не говорит, как писало "неправильный пароль или имэйл", так и пишет.

Я в Sublime файлы редактирую, использую Perforce. Не уверен, что знаю есть ли тут вообще точки останова.

@Balanaar · 14.11.2016, 11:32

Они есть в любом браузере в консоли разработчика... Советую вам познакомиться с ней (консолью), если вы до сих пор этого не сделали.

@And82 · 14.11.2016, 12:11 **[ТС]**

Занимаюсь, спасибо. Как разберусь, отпишусь.

В VisualStudio точки останова делал, а в хроме нет. ))

Добавлено через 26 минут
хм, забавная штука, undefined, мы же вроде озвучили переменную passElem... что не нравится?

function formDataToJson(form_id) { <-------- form_id = "login_basic"
...
...
var passElem = $('#login_password'); <---------- passElem = undefined

В 'Local' еще form_data: undefined. Но такое чувство, что ни при чём это.

Добавлено через 8 минут
В 'Local' всё нормально, не там точку поставил, вот и undefined показывало.

return JSON.stringify(form_data); <--------- form_data = Object {login_email_username: "voidpv@******.***", login_password: " 123456 ", login_form_auto_login: "1"}

@Balanaar 2424 / 1733 / 622 Регистрация: 11.07.2016 Сообщений: 4,011
	11.11.2016, 16:45	13
	Видимо да. Не знаю, как у вас там форма устроена. 0

@And82 6 / 6 / 5 Регистрация: 15.01.2016 Сообщений: 220
	14.11.2016, 11:30 [ТС]	18
	ничего не говорит, как писало "неправильный пароль или имэйл", так и пишет. Я в Sublime файлы редактирую, использую Perforce. Не уверен, что знаю есть ли тут вообще точки останова. 0

@Balanaar 2424 / 1733 / 622 Регистрация: 11.07.2016 Сообщений: 4,011
	11.11.2016, 15:29	2
	formProcessingStart() и runLoginRequest() функции продемонстрируйте нам пожалуйста. 0

@Balanaar 2424 / 1733 / 622 Регистрация: 11.07.2016 Сообщений: 4,011
	11.11.2016, 16:06	4
	formDataToJson() функцию продемонстрируйте нам пожалуйста. 0

@And82 6 / 6 / 5 Регистрация: 15.01.2016 Сообщений: 220
	11.11.2016, 16:09 [ТС]	5
	Balanaar, а вы взламывать ничего не собираетесь? А то одни вопросы по функциям, а комментарий пока не поступало. Я боюсь, что сюда весь сайт вывалю ))) 0

@Balanaar 2424 / 1733 / 622 Регистрация: 11.07.2016 Сообщений: 4,011
	11.11.2016, 16:10	6
	Либо вываливайте функции, либо сами ищите, где у вас считывается значение пароля из формы. Мне без разницы. 0

@Balanaar 2424 / 1733 / 622 Регистрация: 11.07.2016 Сообщений: 4,011
	11.11.2016, 16:26	9
	Отлично. Последний шаг. Нужна разметка вашей формы. 1

@And82 6 / 6 / 5 Регистрация: 15.01.2016 Сообщений: 220
	11.11.2016, 16:34 [ТС]	10
	Сообщение от Balanaar Нужна разметка вашей формы. Вы имеете ввиду form_id ? Добавлено через 6 минут не, наверно не это вы имеете ввиду. Можно поконкретней? 0

@And82 6 / 6 / 5 Регистрация: 15.01.2016 Сообщений: 220
	11.11.2016, 16:44 [ТС]	12
	Сообщение от Balanaar HTML-разметка формы. секунду, форма логина с двумя полями (логин, пароль)? 0

@And82 6 / 6 / 5 Регистрация: 15.01.2016 Сообщений: 220
	14.11.2016, 11:22 [ТС]	16
	Balanaar, согласен с тобой. Я бы тоже это туда написал, будь у меня опыт. Хотя я не до конца понимаю твой IF. Но, к сожалению не работает. (( 0

@Balanaar 2424 / 1733 / 622 Регистрация: 11.07.2016 Сообщений: 4,011
	14.11.2016, 11:24	17
	Что не работает? Что говорит консоль? Точками останова пробовали дебажить? 0

@Balanaar 2424 / 1733 / 622 Регистрация: 11.07.2016 Сообщений: 4,011
	14.11.2016, 11:32	19
	Они есть в любом браузере в консоли разработчика... Советую вам познакомиться с ней (консолью), если вы до сих пор этого не сделали. 1

@And82 6 / 6 / 5 Регистрация: 15.01.2016 Сообщений: 220
	14.11.2016, 12:11 [ТС]	20
	Занимаюсь, спасибо. Как разберусь, отпишусь. В VisualStudio точки останова делал, а в хроме нет. )) Добавлено через 26 минут хм, забавная штука, undefined, мы же вроде озвучили переменную passElem... что не нравится? function formDataToJson(form_id) { <-------- form_id = "login_basic" ... ... var passElem = $('#login_password'); <---------- passElem = undefined В 'Local' еще form_data: undefined. Но такое чувство, что ни при чём это. Добавлено через 8 минут В 'Local' всё нормально, не там точку поставил, вот и undefined показывало. return JSON.stringify(form_data); <--------- form_data = Object {login_email_username: "voidpv@****.*", login_password: " 123456 ", login_form_auto_login: "1"} 0