easyUi 的form和validate组件

以下代码不能运行，只是我在学习过程中记录的笔记，但代码可以用！！！

可以按照需要截取。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
    //ajax的提交方式
    $.ajax({
        //提交的资源地址
        url:'UserController/login',
        //向资源地址提交的数据    serialize()方法会自动的列出表单中的数据
        data:$("#loginInputForm").serialize(),
        cache:false,
        //服务器端返回的数据类型
        dataType:'json',
        //服务器端执行成功后的回调函数
        success:function(r){    
            //将json形式的字符串转化为json对象
             // r=eval("("+r+")");  //javascript
                $.parseJSON(r);     //jQuery
                //登陆成功
                if(r&&r.success){
                    //关闭登录的对话框
                    loginAndRegDialog.dialog('close');
                    $.message.show({
                        title:'提示',
                        msg:r.msg
                    });
                }else{
                    $.message.alert('标题',r.message);
                }
          }    
    });
 
 
 
   //easyui-form表单的提交
    loginInputForm=$("#loginInputForm").form('submit',{
        //表单提交的地址
        url:'UserController/login',
        //表单提交之前的回调函数
        onSubmit: function(){    
               
        },   
        /* 表单提交成功后的回调函数,r为后台传回的对象
        //当使用easyUi的表单提交时，后台返回的r其实是一个json的字符串
        //需要使用js的eval()函数将字符串转化为json对象 
                 而ajax提交则不可能有这个问题，因为ajax中指定了  返回的数据类型*/
         
        success:function(r){    
            //将json形式的字符串转化为json对象
         // r=eval("("+r+")");  //javascript
            $.parseJSON(r);     //jQuery
            //登陆成功
            if(r&&r.success){
                //关闭登录的对话框
                loginAndRegDialog.dialog('close');
                $.message.show({
                    title:'提示',
                    msg:r.msg
                });
            }else{
                $.message.alert('标题',r.message);
            }
        }    
    });
</script>
</head>
<body>
    <div id="loginAndRegDialog" title="用户登录" style="width:250px;height:200px">
        <form id="loginInputForm">
            <table>
                <tr>
                    <th aligh="right">用户名</th>
                    <td><input name="name" class="easyui-validatebox"/></td>
                </tr>
                <tr>
                    <th aligh="right">用户名</th>
                    <td><input name="password" type="password" class="easyui-validatebox" required="true"/></td>
                </tr>
            </table>
        </form>
    </div>
</body>
</html>