2015-06-08 3 views
-3

Я хочу загрузить html в указанной ситуации. Для exmaple, кнопка signIn, которую мы видим на веб-сайте, загружает только страницу (html), если идентификатор и пароль верны.Html | set <a> href url with jquery

<a class="btn btn-primary btn-lg" id="singIn" href="#" role="button">Sign In</a> 

Это кнопка входа в html.

$('#singIn').click(function() { 
    var userID = $('#userID').val(); 
    var userPW = $('#userPW').val(); 
    var tempID = "test"; 
    var tempPW = "12345"; 

    if (userID === tempID && userPW === tempPW) { 
     alert("userID : " + userID + ", userPW : " + userPW); 
     //TODO : load the local html file. 
     //var url = $(this).attr("href"); 
    } else { 
     alert("userID : " + userID + ", userPW : " + userPW); 
     //TODO : load the other local html file or just alert. 
    } 
}); 

Это инструкция детали (если/else), где я хочу загрузить локальный файл html, как я упоминал вначале.

Как я могу это сделать? Пожалуйста, дайте мне знать. Спасибо.

+2

Обратите внимание, что поскольку код JavaScript загружается и выполненный в браузере, пользователь может увидеть пароль в исходном коде. Я бы порекомендовал взглянуть на решение на стороне сервера. –

+1

Я согласен с @PetrBela; то, что вы описываете, является крайним примером того, что мы называем «театром безопасности». Если вы просто не создаете демо, то, что вы описываете, - это просто пантомима безопасности. Опасность, Уилл Робинсон! –

ответ

1

Попробуйте что-то вроде этого,

$(this).attr('href', 'local url goes here'); 
+0

Спасибо! Это то, что я ищу! –

+0

Рад, что он работает на помощь. – user86745458

0

Попробуйте функцию Validate со скрытой кнопкой для фактического представить:

$('[type="button"]').click(function() { 
 
    var valid = true; 
 
    $.each($('input'), function() { 
 
    valid = valid && $(this).val().length > 0; 
 
    }) 
 
    if (valid) { 
 
    var location = 'http://www.rootdir.com/?user=' + $('input').get(0).value; 
 
    location += '&password=' + $('input').get(1).value; 
 
    alert(location); 
 
    // window.location.href = location; <-- uncomment to redirect to this url 
 
    } else { 
 
    alert('Please fill out all fields!'); 
 
    } 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" placeholder="Enter Name" /> 
 
<input type="password" placeholder="Enter Password" /> 
 
<button type="button">Submit</button> 
 
<button type="submit" id="realSubmit" style="display:none"></button>