Question

在这个页面中，我们有一个带有输入文本和提交按钮的表单元素。默认情况下，当我们加载页面时，提交按钮将被禁用，然后如果我在输入元素中键入内容，则会启用提交按钮。这里的挑战是，如果用户输入内容并单击“提交”，则浏览器会记住他输入的文本，如果用户选择缓存文本而不是键入某些内容，只需单击一下即可启用提交按钮。

 <!DOCTYPE html>
 <html>
 <head>
 <script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 <script>
 $(document).ready(function() {
    $('#firstName').keyup(function() {
       var firstName = $(this).val();
       if (firstName.length > 1) {
            $('#submitBtn').attr('disabled', false);
        } else {
            $('#submitBtn').attr('disabled', true);
        }
    });
});
</script>
</head>
 <body>
  <form name="input" action="index.html" method="get" id='demoForm1'
     autocomplete="on" method="post">
     First name: <input type="text" id="firstName" name="FirstName"
        value=""><br> <input type="submit" id='submitBtn'
        value="Submit" disabled='true'>
  </form>
 </body>
</html>

注意：请不要升级Jquery，并且应该在从input元素中选择缓存数据时启用该按钮。

当用户从浏览器缓存列表中选择文本时，面临将事件绑定到输入元素的挑战

0 个答案: