2013-01-23 137 views
0

我很新使用jQuery的validate(),所以也许我错过了一些明显的东西。jQuery validate()适用于jsfiddle,但不适用于服务器?

当我将表单/验证函数粘贴到jsfiddle时,它会正确验证。可以在http://jsfiddle.net/AmLcV/6/看到。

但是在我的直播网页上,无论如何,表格总是提交。这是在http://students.cse.unt.edu/~haw0038/4890/index.php

HTML:

<form id="form1" method="post" action="javascript:alert('form submitted')"> 
    <p>&bull; Which version would you like to run?<br/> 
    <input id="variables" type="radio" name="version" value="variables" /> 
    <label for="variables">Individual Variables</label><br/> 
    <input id="array" type="radio" name="version" value="array" /> 
    <label for="array">Array Representation</label> 
    </p> 
    <p>&bull; Would you like to find the largest, or smallest number?<br/> 
    <input id="large" type="radio" name="type" value="large" /> 
    <label for="large">Largest</label><br/> 
    <input id="small" type="radio" name="type" value="small" /> 
    <label for="small">Smallest</label> 
    </p> 
    <p>&bull; Use random numbers, or input your own?<br/> 

    <input id="random" type="radio" name="numSelect" value="random" /> 
    <label for="random">Generate random numbers for me</label><br/> 
    <input type="text" name="nums" id="nums" value="How many? (2 to 10)" disabled="disabled"/><br/><br/> 

    <input id="userDef" type="radio" name="numSelect" value="userDef"/> 
    <label for="userDef">I want to use my own numbers</label><br/> 
    <input id="userNums" type="text" name="userNums" disabled="disabled"/><br/><br/> 

    <input type="submit" name="submit" value="Start the Simulation!" /> 
    </p> 
</form> 

JS:

$(function(){ 

    $('#form1').validate({ 
     rules:{ 
     version: "required", 
     type: "required", 
     numSelect: "required", 
     userNums: "required" 
    } 
    }); 
}); 

任何想法,为什么这会发生?我不知道我在这里错过了什么,或者是什么导致了它。

在此先感谢。

+0

对于初学者,您在控制台的'smallLarge.js'中的第9行显示错误。 – matthewpavkov

回答

3

你没有valdiate插件包含在你的服务器上,请添加这一行,看看。

<script type='text/javascript' src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> 

在JSFiddle中,此脚本在管理资源下添加了此脚本。

它非常好用于调试JavaScript的萤火虫。

+0

我知道我错过了这样简单的东西,我认为这是一个包含jQuery的库。谢谢! –

1

在jsfiddle上有jQuery Validation Plugin 1.9.0插件。

相关问题