私は jQuery の validate() を使用するのにかなり慣れていないので、明らかな何かが欠けている可能性があります。
フォーム/検証関数をjsfiddleに貼り付けると、正しく検証されます。http://jsfiddle.net/AmLcV/6/で見ることができます。
ただし、私のライブ Web ページでは、何があってもフォームは常に送信されます。これはhttp://students.cse.unt.edu/~haw0038/4890/index.phpにあります。
HTML:
<form id="form1" method="post" action="javascript:alert('form submitted')">
<p>• 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>• 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>• 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"
}
});
});
なぜこれが起こるのでしょうか?ここで何が欠けているのか、何が原因なのかわかりません。
前もって感謝します。