我正在使用Jquery实现表单向导验证。它在我提交表单或onkeyup
事件时有效。但同样的事情我尝试使用表单向导。点击下一步按钮,在我更改代码后,它不会验证任何内容。虽然在我更改代码之前点击了下一个按钮警报消息。我在Jquery中没有那么多的知识。这里有一些代码。
onNext: function(tab, navigation, index)
{
if(index==1)
{
if(!wiz.find('#inputname').val()) {
alert('You must enter the username');
wiz.find('#inputname').focus();
return false;
}
}
},
....................
$(function()
{
// validate form on keyup and submit
$("#validateSubmitForm").validate({
rules: {
firstname: "required",
lastname: "required",
username: {
required: true,
minlength: 2
},
......................
要执行表单向导验证,我已将上述代码更改为
onNext: function(tab, navigation, index)
{
if(index==1)
{
myfun();
}
................
function myfun()
{
// validate form on keyup and submit
$("#validateSubmitForm").validate({
rules: {
firstname: "required",
lastname: "required",
username: {
required: true,
minlength: 2
},
..................
在JSP中:
<div class="tab-pane active" id="tab1">
<form class="form-horizontal" style="margin-bottom: 0;" id="validateSubmitForm" method="get" autocomplete="off">
<div class="control-group">
<label class="control-label" for="firstname">First name</label>
<div class="controls"><s:textfield class="span12" id="firstname" name="firstname"/></div>
</div>
.........................
<div class="form-actions">
<button type="submit" class="btn btn-icon btn-primary glyphicons circle_ok"><i></i>Save</button>
<button type="button" class="btn btn-icon btn-default glyphicons circle_remove"><i></i>Cancel</button>
</div>
</form></div>//tab div
但它没有奏效。如何使用表单向导执行相同的验证,我使用onkeyup
并提交。
答案 0 :(得分:0)
现在改变了这个以后它正在工作。
youtube-dl