나는 다가오는 결혼식을위한 간단한 웹 페이지를 만들고 있습니다. 우리는 2 개의 이벤트를 가지므로 언제 어디서 정보를 얻을 수 있는지 2 가지 설정이 있습니다. 사용자 입력을 유도하는 방법이 있는지 궁금 해서요. 응답에 따라 올바른 정보가 포함 된 페이지로 리디렉션됩니다. 따라서 "손님 정보"를 클릭하면 "비밀번호 입력"과 같은 메시지가 표시되고 비밀번호 1을 입력하면 site.com/page1로 리디렉션되며 비밀번호 2를 입력하면 site.com/page2로 이동합니다입력을 기반으로 두 개의 서로 다른 URL로 사용자를 직접 연결합니다.
간단한 방법이 있나요? 나는 서버 측 스크립트가 너무 좋지는 않지만 프론트 엔드 (javascript 및 jquery)는 괜찮은 편이다. 도와주세요! 감사합니다
웹 개발에 이상적으로 우리는 클라이언트 (앞) 끝에 비밀번호를 노출하지 않을 것입니다. 그러나 어쨌든 본질적으로 비공개 인 웹 사이트의 경우이 방법이 유용 할 수 있습니다. 이것은 jQuery를 사용하지 않고 있지만 사용할 수 있다는 점에 유의하십시오.
<html>
<body>
<form>
<input id="passwordForNextPage" type="password">
<button onclick="checkDestination();">Submit</button>
</form>
<script>
function checkDestination() {
if (document.getElementById("passwordForNextPage") == "password1") {
window.location.href = "/nextpage1.html";
} else if (document.getElementById("passwordForNextPage") == "password2") {
window.location.href = "/nextpage2.html";
} else {
alert("Please retype the password!");
}
</script>
</body>
</html>
이 피들에서 코드를 확인하고 오류가 발생했습니다. http://jsfiddle.net/DwWF4/ – Andrew
지금 작동해야합니다 ... 몇 가지 오타가 있습니다. http://jsfiddle.net/DwWF4/1/ – user3043124
입력란이있는 양식을 만들고, 제출시 입력란의 값을 확인한 다음 그에 따라 window.location.href에 할당하십시오.
그것 그냥 "소스보기"는 암호를 공개합니다, 매우 안전하지 않을하지만 사용자의 요구에 아마 잘 그리고 당신은 다음과 같은 사용할 수 있습니다
HTML :
Enter Password: <input type="password" id="pwd">
<input type="submit" id="submit" value="Submit">
자바 스크립트 :
$('#submit').on('click', function(e) {
e.preventDefault();
var password = $('#pwd').val();
if (password == 'pass1') {
window.location.href = "http://www.google.com";
} else if (password == 'pass2') {
window.location.href = "http://www.bing.com";
}
})
당신이 prope window.location.href 사용할 수 있습니다 rty. 새 창에서 열려면 window.open() 메서드를 사용해야합니다.
예 : window.open ('http://www.facebook.com'); // 새로운 윈도우에서 지정된 링크를 엽니 다.
아마도 가장 쉬운 해결책은 두 페이지를 설정하는 것입니다 :
여기 (하지만 난 그것을 테스트하지 않았다) 요청할 것을 할 수있는 코드는? 또는 사용자가 명시 적으로 둘 중 하나를 선택하도록 하시겠습니까? – vonbrand