Question

我已经下载了一个示例表单：

  <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);

        }
    });

Answer 1

我认为这是正确的。

 <button class="sumbit" name="commit" type="submit" value = "">
  Log in
 </button>

您的type="sumbit"错了。

Answer 2

我认为，你应该改变如下。

 <button class="sumbit" name="commit" type="sumbit" value = "Log in"/>

到

<button class="sumbit" name="commit" type="sumbit">Log in</button>

您的参考http://www.w3schools.com/tags/tag_button.asp

为什么提交表单上的按钮不起作用？

2 个答案: