Question

我遇到表单的jQuery验证问题。

这是我的javascript文件：test.js。

$(function() {
$('.error').hide();
    $(".button").click(function() {
        $('.error').hide();
  var name = $("input#name").val();
    if (name == "") {
    $("label#name_error").show();
    $("input#name").focus();
    return false;
  }
});
});

这是我的html文件。

<html>
<head>
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
</head>
<body>
<div id="contact_form">
<form name="contact" action="">
  <label for="name" id="name_label">Name</label>
  <input type="text" name="name" id="name" size="30" value="" class="text-input" />
  <label class="error" for="name" id="name_error">This field is required.</label>
</form> 
</div>
</body>
</html>

我将这两个文件与jQuery文件一起放在我服务器上的同一目录中，但内容为“此字段是必需的”。仍然可见。看起来test.js中的hide（）函数不起作用。谁能指出我哪里出错了？非常感谢！

Answer 1

将您的jquery文件放在test.js。

之前

<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="test.js"></script>

hide（）函数在jQuery中不起作用

1 个答案: