Javascript 隐藏密码文本框并提交

Javascript 隐藏密码文本框并提交,javascript,jquery,html,Javascript,Jquery,Html,这是一个简单的密码检查功能,我有点搞砸了。我尝试了很多不同的方法(包括但不限于:.css(),.on('click'),.click(),.animate(),.show(),.hide(),.preventDefault(),在提交时),将选择器放入变量,移动各种ID和$('input[name=“s”])和各种选择器。不确定函数是否无法工作,或者脚本中是否存在其他内容。我从$(document).ready()树中取出了函数,并将其移动到树中。我确信现在这不是问题,但我现在开始对任何事情都不

这是一个简单的密码检查功能,我有点搞砸了。我尝试了很多不同的方法(包括但不限于:.css(),.on('click'),.click(),.animate(),.show(),.hide(),.preventDefault(),在提交时),将选择器放入变量,移动各种
ID
$('input[name=“s”])
和各种选择器。不确定函数是否无法工作,或者脚本中是否存在其他内容。我从
$(document).ready()
树中取出了函数,并将其移动到树中。我确信现在这不是问题,但我现在开始对任何事情都不确定了

我试图让函数隐藏密码文本框并提交(或者按钮更好吗?),并显示一个用于新闻输入的文本区域,带有一个用于追加更新的按钮。appendedTo和.append()部分可以工作,但我似乎无法让passwordcheck函数工作。有时它会在错误时提醒我,但当它正确时,
if
方法似乎不起作用。然后我将更改几次,警报将不再显示,
(如果
)将不再工作

任何帮助都将不胜感激,我可以根据要求提供任何代码片段或块

有关职能:

function passwordcheck() {
        var $newspass = $('#newspass');
        var $submitpass = $('#submitpass'); // <--- variables were at one point selectors
        var $newssubmit = $('#newssubmit');     //    written out, I've changed this a lot
        if ($newspass.val() === 'comecorrecT') {
                $submitpass.css('display', 'hidden');
                $newspass.css('display', 'hidden');
                $('#newsinput').css('display', 'block');
                $newssubmit.css('display', 'static');
        } else {
            alert("Try again, please.");

        }
    };
函数密码检查(){
var$newspass=$(“#newspass”);

var$submitpass=$(“#submitpass”);//现在的方法是,在调用函数时只传递“未定义”而不是函数(密码检查函数将返回该函数),而不是在此行中传递对该函数的引用:

$submitpass.click(passwordcheck());
应该是哪一个

$submitpass.click(passwordcheck);
在代码的最后一块中,在

// news and updates/appendedTo
也就是说,不要使用客户端JavaScript进行身份验证,您要检查的密码对使用该站点的任何人都是可见的。

尝试以下方法:

function passwordcheck() {
        var newspass = $('#newspass').val();
        var submitpass = $('#submitpass').val();
        var newssubmit = $('#newssubmit').val();
        if (newspass == 'comecorrecT') {
                $('#submitpass').hide();
                $('#newspass').hide();
                $('#newsinput').show();
        } else {
            alert("Try again, please.");

        }
    }

那脚本怎么办?哇,忘了添加了。我会编辑它。有点离题,但-永远不要在客户端使用密码。任何人都可以看到你的源代码,你的密码就在那里,就像白天一样简单。哇密码:3 kappaThank you,@Amadan。我确实意识到哈哈,我只是在本地服务器上这样做来练习我的脚本/查询和只是真正地发展我已经拥有的技能。现在,我真的开始学习jquery和javascript,但是自学很难。老实说,这就是答案吗?我花了一段时间才意识到这一点,但我只是在一个小时前想到这一点,并对自己说,“这太疯狂了”.我读到了关于函数的内容,调用/引用开始变得越来越有意义。谢谢!很可能是的。你现在这样做只是通过了“未定义”作为点击处理程序,这将是密码检查功能的结果。我应该通过控制台或其他东西来运行它,而不是在我的本地html文件中测试它,是吗?但再次感谢,伙计。这很有魅力。不客气!总是使用控制台进行开发!这将节省你很多时间…;)@PhilC。最好不要这样做o解释您为解决问题所做的工作,而不仅仅是一次尝试。似乎我是在本应引用的时候调用的。但我现在看到,这些方法比.css()方法更可靠。
function passwordcheck() {
        var newspass = $('#newspass').val();
        var submitpass = $('#submitpass').val();
        var newssubmit = $('#newssubmit').val();
        if (newspass == 'comecorrecT') {
                $('#submitpass').hide();
                $('#newspass').hide();
                $('#newsinput').show();
        } else {
            alert("Try again, please.");

        }
    }