Question

我正在编写一个循序渐进的表格。包括分割我的表单的jquery脚本。因此，在第一种形式中，我只需要放一个按钮，这是将客户端放在下一个表单上的下一个按钮

但是我必须处理这个问题，如果我点击我的第一个表单上的下一个按钮，它会转到另一个表单而不验证第一个表单中的部分。

按钮代码

<input  name="Next"  type="submit" id='button1' value="Next" />

这里我认为jquery脚本与下一个标签有关，除了我不擅长jquery。：

$(".next").click(function(){

    if(animating) return false;
animating = true;

current_fs = $(this).parent();
next_fs = $(this).parent().next();

//activate next step on progressbar using the index of next_fs
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

//show the next fieldset
next_fs.show(); 
//hide the current fieldset with style
current_fs.animate({opacity: 0}, {
    step: function(now, mx) {
        //as the opacity of current_fs reduces to 0 - stored in "now"
        //1. scale current_fs down to 80%
        scale = 1 - (1 - now) * 0.2;
        //2. bring next_fs from the right(50%)
        left = (now * 50)+"%";
        //3. increase opacity of next_fs to 1 as it moves in
        opacity = 1 - now;
        current_fs.css({'transform': 'scale('+scale+')'});
        next_fs.css({'left': left, 'opacity': opacity});
    }, 
    duration: 800, 
    complete: function(){
        current_fs.hide();
        animating = false;
    }, 
    //this comes from the custom easing plugin
    easing: 'easeInOutBack'
});

问题是如何转到另一种形式，但验证了第一种形式。提前谢谢

Answer 1

表格验证可以像这样形式进行名称=“myForm” action =“demo_form.asp” onsubmit =“return validateForm（）” method =“post”

validateform（）函数只返回false：如果输入不是false，这种情况下的动作将转到demo_form.asp，在你的情况下将进入下一步......

举个好例子：http://www.w3schools.com/js/js_form_validation.asp

如果单击下一个按钮，如何验证我的表单

1 个答案: