0

任何人都可以帮助我使用这个插件吗？我已经阅读了文档，据我所知，代码是最好的。谁能告诉我怎么了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->


<head>
<title>Test Ideal Form</title>
<link media="screen" type="text/css" rel="stylesheet" href="css/jquery.idealforms.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery/jquery.idealforms.min.js"></script>
</head>
<body>
<script>
  var $myform = $('#my-form').idealforms(options).data('idealforms');
</script>
  <h1>My Test Form</h1>
<form id="my-form">
  <div><label>Username:</label><input type="text" name="username" data-ideal="required username"/></div>
  <div><label>Password:</label><input type="text" name="password" data-ideal="required password"/></div>
  <div><label>E-Mail:</label><input type="text" name="email" data-ideal="required email"/></div>
</form>
</body>
</html>
4

2 回答 2

1

尝试更换：

var $myform = $('#my-form').idealforms(options).data('idealforms');

和：

$(document).ready(function(){
    $('#my-form').idealforms(options).data('idealforms');
});

让我们知道！另外，将<script>标签移动到<head>.

或另一种选择：

将<script>标签移到</body>:

    ....
    <script>
      var $myform = $('#my-form').idealforms(options).data('idealforms');
    </script>
</body>
于 2012-11-24T14:19:26.690 回答
0

像这样试试

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->


<head>
<title>Test Ideal Form</title>
<link media="screen" type="text/css" rel="stylesheet" href="css/jquery.idealforms.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery/jquery.idealforms.min.js"></script>
</head>
<body>

  <h1>My Test Form</h1>
<form id="my-form">
  <div><label>Username:</label><input type="text" name="username" data-ideal="required username"/></div>
  <div><label>Password:</label><input type="text" name="password" data-ideal="required password"/></div>
  <div><label>E-Mail:</label><input type="text" name="email" data-ideal="required email"/></div>
</form>

<script type="text/javascript">
$(document).ready(function(){
  $('#myform').idealforms();
});
</script>

</body>
</html>

还要检查这个 http://code.google.com/p/idealforms/wiki/MiniHowTo

于 2012-11-24T14:23:15.027 回答