静态4位密码访问下一个html页面

时间:2012-09-04 14:41:27

标签: javascript jquery ios html5 cordova

我已经搜索谷歌试图找到一个做了我想要做的事情但似乎无法找到任何东西的人,我想也许我只是没有以正确的方式陈述我想要的东西。

...总之

我有一个使用PhoneGap创建的IPad应用程序,它是一个简单的离线表单应用程序,它由三个html页面组成。我想要实现的是从第2页到第3页让我们说,当用户点击下一页锚标签按钮时,如果他们得到错误的代码,那么用户需要输入一个4位数的代码,所有发生的事情都是它不会移动到下一页,如果他们弄错了,他们会继续下一页,就像那样简单。只有一个正确的代码,用户不要注册,例如有用户名和密码。

我很高兴使用html5,javascript,jquery。

任何想法,如果这是可能的,我将如何去做?

2 个答案:

答案 0 :(得分:3)

我对iPad开发或手机屏幕一无所知,但你不能这样做:

<script>
    if(prompt("What is the number?") == "1234") { // Prompt for a number, check if its correct
        window.location.href = "/thenextpage.html"; // redirect them if it is
    }
</script>

或者:

<form name="myform" action="newpage.html"><input name="number"/></form>
<script>
    jQuery('[name=myform]').submit(
        function(evt) {
            // get the number from the form
            var numberVal = jQuery(evt.target).find('[name=number]').val();

            // Check the number's correct
            if(numberVal != "1234") {
                evt.preventDefault(); // Stop the form submitting
            }
        }
    );
</script>

如果我误解了道歉。

答案 1 :(得分:0)

您可以使用jQuery并添加输入文本(或密码)来执行此类操作。

var code = "1234";

$('a').click(function(e) {
    if($('input[type="text"]').val() != code) {
        e.preventDefault();
    }
});