问答详情
源自:1-2 如何开始及举例

为什么我用了老师的方法但是功能却没有实现呢 下面是代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <title>网页标题</title>
 <meta name="keywords" content="关键字列表" />
 <meta name="description" content="网页描述" />
 <link rel="stylesheet" type="text/css" href="" />
 <style type="text/css"></style>
</head>
<body>
<form id="demoForm" method='post'>
 <fieldset>
 <legend>用户登录</legend>
 <p>
  <label for="username">用户名</label>
  <input type="text" id="username" name="username">
 </p>
 <p>
  <label for="password">密码</label>
  <input type="password" id="password" name="password">
 </p>
 <p>
  <input type="submit" value="提交">
 </p>
 </fieldset>
</form>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $("#demoForm").validate({
   rules: {
    username:{
     required:true,
     minlength:2,
     maxlength:10
    },
    password:{
     required:true,
     minlength:2,
     maxlength:16
    }
   }  
   messages: {
    username:{
     required:"用户名必须填写",
     minlength:"用户名最少为2字符",
     maxlength:"用户名最大为10字符"
    },
    password:{
     required:"密码必须填写",
     minlength:"密码最少为2字符",
     maxlength:"密码最大为16字符"
    }
   }
  });
 });
</script>
</body>
</html>

提问者:codeboy 2015-05-31 13:35

个回答

  • 半聋半哑半糊涂
    2016-06-07 14:34:52

    46行少了一个逗号,亲测

  • 一模拉仨
    2015-06-12 13:27:25

    你有引入 jquery.js 和jquery.validation.js 吗?

  • 风吹过普罗旺斯
    2015-05-31 14:24:55

    你检查一下你的语法,是中英文的问题不

  • rain0002009
    2015-05-31 14:19:12

    46行少了一个逗号