jquery 理想形式不工作

标签 jquery html css

任何人都可以帮助我使用这个插件吗?我已经阅读了文档,并且代码是我所知道的最好的。谁能告诉我哪里出了问题。

<!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>

最佳答案

尝试替换:

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>

关于jquery 理想形式不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13542041/

相关文章:

javascript - 正则表达式匹配聊天室字符串中的非法字符

jquery - 二次点击绑定(bind)解绑问题

javascript - 为什么我的功能中的警报不起作用?

linux - 从网页中提取文本并修剪的 Shell 脚本

html - 将盒子的大小与移动 css bootstrap 匹配的问题

html - CSS : Arrow Box with content

jquery - 使用部分 View 的客户端验证

jquery - 获取 jQuery 元素集的 data-foo 属性列表

javascript - 动态内容对齐问题

css - 谷歌地图半径 Angular