Javascript 有没有办法解决表单上id和名称之间的冲突?

Javascript 有没有办法解决表单上id和名称之间的冲突?,javascript,html,css,jsp,Javascript,Html,Css,Jsp,我正在用jsp做一个Web服务器,我正在验证登录,我发现了一个冲突 我得到: <form action="Autenticacion" method="POST" class="form"> <input type="text" name="Username" placeholder="Username"> <input type="password" name="Password" placeholder="Password">

我正在用jsp做一个Web服务器,我正在验证登录,我发现了一个冲突

我得到:

<form action="Autenticacion" method="POST" class="form">
        <input type="text" name="Username" placeholder="Username">
        <input type="password" name="Password" placeholder="Password">
        <button type="submit" class="loginbutton" name="login" >Login</button>
                    <button type="submit" id="usuario_nuevo">Nuevo Usuario</button>
</form>
这会调用另一个css,现在我想修复它,因为我需要同时使用这两个,第一个“id”用于动画,然后是“name”用于验证,并发送到另一个jsp页面(已经编码并工作)

编辑1:已经在Jquery上添加了noconflict,但只执行验证,而不执行id动画


编辑2:changed id for class

您似乎可以将id更改为您想要的任何内容,并使用jQuery(“#login”)添加click事件。单击(),您可以使用jQuery(“.loginButton”)。单击()。别忘了为按钮添加loginButton类。

对我有用的是-

$("#submit").click(function(event){
    event.preventDefault();
    $('#page').animate({opacity:0},400, function(){
        $('form').submit();
    });
});
看起来你们在淡出后并没有提交表格。 再加一行
“$('form').submit();”在代码中的$('wrapper').addClass('form-success')之后。

如果它的经典脚本冲突,请尝试添加以下内容:@KamilBogumił已经添加了noconflict,但只执行验证而不执行动画。我没有得到它,这一行有错误-$(“#登录”)。单击(函数(事件){event.preventDefault();@totaloverdose我没有收到任何错误。我只想先看到动画,然后重定向到其他页面。(验证工作非常好)尝试更改jquery选择器,您可以使用类名作为选择器,如$('.login')。单击添加class=“login”在button tagYes,finally!idk这一次它是如何工作的,你第一次说它时我就试过了。但是这次我是作为一个“id”而不是作为一个类来做的。Tyvm
$("#submit").click(function(event){
    event.preventDefault();
    $('#page').animate({opacity:0},400, function(){
        $('form').submit();
    });
});