Question

我有以下html：

05/03/2017 13:01

还有以下javascript：

<form >

    <input type="text" name="username" id="username" value="" placeholder="User name" />

    <input type="password" name="password" id="password" value="" placeholder="Password" />

    <input type="password" name="password" id="confirm_password" value="" placeholder="Confirm Password" />

    <input type="email" name="email" id="email" value="" placeholder="Email" />

    <input type="text" name="firstname" id="firstname" value="" placeholder="First name" />

    <input type="text" name="lastname" id="lastname" value="" placeholder="Last name" />

   <input type="date" name="date" id="date"  placeholder="date" />

     <ul class="actions align-center">
   <li><input type="submit" value="Register" id="register" disabled="disabled"/></li>
    </ul>

</form>

我可以在没有日期输入的情况下启用按钮然后启用，但是只要我输入日期输入，按钮就不会启用。这是为什么？

编辑：它有效，但用户必须输入日期，但是当用户通过点击选择日期时如何启用它？

jsfiddle link

Answer 1

这是因为您使用的是keyup活动，但是当您点击日期时，这不是关键活动。这可以通过将keyup更改为change来解决。

$('form input').change(function() {

https://jsfiddle.net/hn6tf36L/1/

当所有字段都完整包括日期字段时，jquery启用提交按钮

1 个答案: