TwitterブートラップにNodフロントエンド検証を使用しています - http://casperin.github.com/nod/
現在、検証はうまく機能していますが、ボタンにonclick関数を配置して再配置すると、機能しません(新しいhrefに移動しません:)
<div id="join" class="span12">
<label for="joinUsername">Username</label>
<input type="text" id="joinUsername" name="username" />
<br />
<label for="joinPassword">Password</label>
<input type="password" id="joinPassword" name="password" />
<br />
<label for="confirmPassword">Confirm Password</label>
<input type="password" id="confirmPassword" name="confirmPassword" />
<br />
<label for="email">Email (optional)</label>
<input type="text" id="email" name="email" />
<br /><br />
<input type="submit" class="btn btn-primary" onclick="location.href='subscribe.aspx';" value="Join now" />
</div>
これ:
onclick="location.href='subscribe.aspx';"
フォームが入力されていない場合にのみ機能しますが、フォームに入力するとまったく移動しません...
JS:
<script type="text/javascript">
// A list of all the fields we wish to validate
var a_metrics = [
['#joinUsername', 'presence', 'Please enter a username'],
['#joinPassword', 'min-length:4', 'At least 4 characters please'],
['#confirmPassword', 'same-as:#joinPassword', 'Passwords do not match'],
['#email','email','Please enter a valid email address']
];
$('#form1').nod(a_metrics);
</script>
ボタンをクリックしても再配置されないのはなぜですか?