jquery formly美化插件 怎么用啊?

wenwen1 发布于 2012/09/28 11:23
阅读 667
收藏 0
<%@ page language="java" import="java.util.*" import="java.sql.*" contentType="text/html;charset=UTF-8" pageEncoding="utf-8"%>
<jsp:useBean id="systemRelated" class="net.gvsun.database.SystemRelated"/>
<%@ page session="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>变更申请</title>
    <style type="text/css">
        label{
            width:100px;
            display:block;
        }
    </style>
    <link rel="stylesheet" href="../../jquery/Formly/formly.css" type="text/css" />
    <script type="text/javascript" src="../../jquery/Formly/formly.js"></script>
    <script type="text/javascript" src="../../jquery/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="../../jquery/locale/easyui-lang-zh_CN.js"></script>
    <script>
     $(document).ready(function() {
    $('#ContactInfo').formly({'theme':'Dark'}, function(e) {
        $('.callback').html(e);
    });
});
</script>
</head>
<%
request.setCharacterEncoding("utf-8");//处理乱码
String datenow = systemRelated.getDateNow();
 %>
<body>
<form id="ContactInfo" width="600px" title="Member sign up">
<input type="text" name="first_name" place="Your first name" size="30" />
<input type="text" name="last_name" place="Your last name" size="30" style="margin-left:10px;" />
<input type="text" name="email" validate="email" place="Email address" size="30" />
<input type="text" name="website" place="Your website" size="30" pre-fix="http://" validate="http" style="margin-left:10px;" />
<select id="gender">
<option value="male">Male</option>
<option value="female">Female</option>
</select>
<input type="radio" name="membership" value="new" style="margin-left:10px;" /> New member
<input type="radio" name="membership" value="existing" /> Existing member

<input type="password" name="pword" require="true" label="Password" place="Password" />
<input type="password" name="pwordm" match="pword" label="Password" place="Re-type password" />
<input type="checkbox" name="agree" require="true" label="Terms" value="agree" /> I agree to the terms
<input type="submit" value="Sign up" /><input type="reset" value="Clear" />
</form>
</body>
</html> 
我想用jquery的formly美化表单,我从官方网站上下载了formly这个插件的文件,然后把网站上面的例子的代码也粘贴过来了,但是完全不是网站上面的效果啊?而且还报错:ReferenceError: jQuery is not defined
http://localhost:8080/pms/jquery/Formly/formly.js

Line 352

TypeError: $("#ContactInfo").formly is not a function
http://localhost:8080/pms/changemanagement/jsp/changeApplication.jsp
Line 21

网站上的效果是

而上面的代码的效果是:

加载中
返回顶部
顶部