验证在jQuery中不起作用

我想在使用jquery即时验证用户输入。我写了这个部分，但实际上它没有做我想要的。我想如果用户不同意，它应该显示一条消息。此外，它在一段时间内工作正常，但后来不起作用。感谢您的帮助。验证在jQuery中不起作用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<title>Form</title> 
<script src="lib/jquery.js" type="text/javascript"></script> 
<script src="lib/jquery.metadata.js" type="text/javascript"></script> 
<script src="jquery.validate.js" type="text/javascript"></script> 

<script type="text/javascript"> 

$.metadata.setType("attr", "validate"); 

$(document).ready(function() { 
$("#form1").validate({ 
messages: { 
checkbox1: {required: 'you must agree'} 
     } 
} 
); 
}); 
</script> 

</head> 

<body> 
<div id="apDiv1"> 
<h1 style="text-align:center">STEP ONE</h1> 
</div> 

<form id="form1" action="action.php" method="post"> 

Enter Your Number 
    <label> 
     <input name="textfield1" type="text" id="textfield1" /> 
    </label> 

<p/> 
I agree 
<input type="checkbox" name="checkbox1" id="checkbox1" validate="required:true"/> 

<p/> 
<input type="submit" name="submit" value="Next" /> 


</form> 

</body> 

</html>

来源

2012-07-30 creative Creative

你的代码和[这个小提琴]（http://jsfiddle.net/C8pd8/）中的代码有什么区别？它似乎对我工作正常。 – 2012-07-30 22:50:46

谢谢安德鲁·惠特克。我已经在jsFiddle上试过了，它实际上工作正常。但是，当我在离线状态下在我的浏览器上测试它时（例如Firefox和Chrome中的localhost），它不起作用。另外，我认为jquery的版本可能对它有影响，但这不是真的，因为我测试了多个版本，并且它们都给了我jsFidle上的正确结果，而在我的本地主机上没有结果。 – 2012-07-31 09:15:42

@creativeCreative：检查你的js文件是否在正确的路径？ – 2012-07-31 10:41:29

最后，它一直solved.Here就是我所做的正是：

我感动的lib文件夹上一级目录，因此相关的标签应该是这样

<script src="../lib/jquery.js" type="text/javascript"></script> 
<script src="../lib/jquery.metadata.js" type="text/javascript"></script>

我也把jquery.validate.js文件放在一个层面上，脚本将是：

<script src="../jquery.validate.js" type="text/javascript"></script>

实际上，我不知道目录有什么问题，但它以这种方式工作。感谢您的回答和评论。

来源

2012-08-02 16:08:58

在黑暗中只是一个拍...

不要使用名称“提交”作为您的提交按钮的名称属性...

那让我有几次与偶尔的插件。

大教堂

来源

2012-07-31 21:26:06 dkimbell13

谢谢，但实际上，这并没有帮助我解决这个问题。 – 2012-07-31 22:26:09

验证在jQuery中不起作用

回答

相关问题