HTML表单提交-按钮控件？

Question

我有一个具有两种不同形式的HTML页面。

提交第一份表格后，将保存用户输入的信息并发送一条SMS。此后，用户继续填写第二份表格。

我如何控制用户是否单击第二个表单的“提交”按钮？ JavaScript警报怎么样？

提交按钮div（第二形式）：

<div class="button-container" style="float: right;">
    <button class="btn  type4  color2  ml228" type="submit" id="submitForm">
            Kaydol
    </button>
</div>

请提出建议。

Answer 1

除非您正在执行ajax调用，或者仅在不实际“提交”的情况下存储数据，否则您无法从一页准确地提交2个表单。

如果我理解正确，那么您只想阻止浏览器默认提交第二个表单？ 您要检查以确保第一个已经提交，第二个何时提交？

firstFormSubmitted = 0;
secondFormSubmitted = 0;

//1st form
$('.firstForm').submit(function(){
    //do whatever you do to send an sms
    firstFormSubmitted = 1;
});

//2nd form
$('#submitForm').submit(function(e){
    e.preventDefault();
    if(!firstFormSubmitted){
        alert("First Form Must Be Submitted First!");
    }
    else {
          secondFormSubmitted = 1;
          // do whatever you want. Submit with ajax, submit normally, or whatever.
    }
});

基本上，您只需要阻止浏览器默认提交即可。 并且您想检查是否已提交第一份表格。 因此，在第一种形式上，您必须使用变量或类或其他东西来让您的第二种形式知道它已提交。

如果您想在用户离开页面时提醒他们尚未填写第二个表单，则可以使用卸载功能。 提交第二个表单后，只需使用布尔变量或其他变量即可让浏览器知道它已提交。

$( window ).unload(function() {
    if(firstFormSubmitted && !secondFormSubmitted){
        alert( "You haven't filled out the second form yet!" );
    }
});