Question

请您在IE中尝试以下内容：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<style type="text/css">
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>
  <script>
  $(document).ready(function(){
$("#curl").focus(function(){
    if( this.value == this.defaultValue ) {
        $(this).val("http://");
    }
});
    $("#commentForm").validate();
  });
  </script>

</head>
<body>


 <form class="cmxform" id="commentForm" method="get" action="">
 <fieldset>
   <legend>A simple comment form with submit validation and default messages</legend>
   <p>
     <input id="cname" name="name" size="25" class="required" value="Name" />
   </p>
   <p>
     <input id="cemail" name="email" size="25"  class="required email" value="Email" />
   </p>
   <p>
     <input id="curl" name="url" size="25"  class="url" value="URL" />
   </p>
   <p>
     <textarea id="ccomment" name="comment" cols="22"  class="required">Comment</textarea>
   </p>
   <p>
     <input class="submit" type="submit" value="Submit"/>
   </p>
 </fieldset>
 </form>
</body>
</html>

正如您所看到的那样，如果您专注于URL字段，光标将返回到字段的开头。它在其他浏览器中没有问题。如何纠正？

感谢您的帮助！

Answer 1

我认为你遇到的问题与此相同：

jQuery .val() Internet Explorer

IE中的游标错误放置

1 个答案: