<分区>
标签 javascript html css forms
<分区>
我已经下载了一个样本表格，它是这样的:
<form id="login-user" method="post" accept-charset="utf-8" action="/home.html" class="simform">
<div class="sminputs">
<div class="input full">
<label class="string optional" for="user-name">Email*</label>
<input class="string optional" maxlength="255" id="user-email" placeholder="Email" type="email" size="50" />
</div>
</div>
<div class="sminputs">
<div class="input full">
<label class="string optional" for="user-pw">Password *</label>
<input class="string optional" maxlength="255" id="user-pw" placeholder="Password" type="password" size="50" />
<span class="hide-password">Show</span>
</div>
</div>
<div class="simform__actions">
<input class="sumbit" name="commit" type="sumbit" value = "Log in"/>
<span class="simform__actions-sidetext"><a class="special" role="link" href="#">Forgot your password?<br>Click here</a></span>
</div>
</form>
当我按下提交按钮时，它不起作用，它会点击按钮上的文本!但是当我改变这一行时
<input class="sumbit" name="commit" type="sumbit" value = "Log in"/>
到
<button class="sumbit" name="commit" type="sumbit" value = "Log in"/>
它正在运行，但我的 CSS 设计将发生变化。
我的另一个问题是，我想知道 CSS 文件是否会对 html 页面的功能产生影响。我认为它只影响设计和外观。是否影响上述功能？
编辑
这是我的javascript
$("#login-user").submit(function(event){
event.preventDefault();
alert("Here");
var name = $("#user-email").val();
var pass = $("#user-pw").val();
Parse.User.logIn(name,pass,{
success: function(user){
checkLogin();
alert("Thanks for login");
window.location.href = "/home.html";
}, error : function(user, error){
console.log("Login Error : " + error.message);
}
});
最佳答案
我认为这是正确的。
<button class="sumbit" name="commit" type="submit" value = "">
Log in
</button>
你的 type="submit" 是错误的。
关于javascript - 为什么表单上的提交按钮不起作用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31374921/