Question

我正在尝试找到一个javascript解决方案，用于提醒用户并非所有HTML表单中的字段，单选按钮等都已被回答。我找到了拒绝用户使用＆＃34;必填字段＆＃34;提交表单的解决方案，但这不是我想要做的。应该简单地提醒用户（例如＆＃34;请注意，您没有回答此页面上的所有问题＆＃34;）然后询问他/她是否想要继续（例如＆＃34; Do你想继续吗？[是/否]＆＃34;。

也许某人有一个例子如何实现这一点！

提前致谢，本杰明

- 编辑：对不起的人我对html的东西不是很有经验，所以我很难得到你提出的建议。无论如何，谢谢你的回复！我会尝试使其更清晰 - 我的html文件包含几个这样的块：

<tr>
<td>Question X: How important ... </td>
<td></td>
<td width="40" align="center"><input type=radio name="<ml.varname>_01" value="1" >1</td>
<td width="40" align="center"><input type=radio name="<ml.varname>_01" value="2" >2</td>
<td width="40" align="center"><input type=radio name="<ml.varname>_01" value="3" >3</td>
</tr>

它基本上是一堆带有一系列李克特量表的问卷。如果没有回答一个或多个（或所有）这种量表，应告知参与者，但仍然允许参与者在被告知后继续。

其他可能很重要的行是：

<form method="post">

最后：

<tr><td><input type=submit value="Continue"></td></tr>
</table></form>

如何为脚本中的表单字段定义表格元素的公共类＆＃34;正如@ Hoja.M.A提议的那样？以及如何确保我的html文件调用javascript文件？

提前谢谢！我希望现在有点清楚了...... 请注意我在javascript和html表单方面是一个完全的菜鸟，所以请不要期望太多的背景知识......

Answer 1

对所有字段执行简单的JavaScript验证。然后使用confirm()方法提示用户yes或no。例如：

    if (confirm('Are you sure you want to continue?')) {
    // Save it!
} else {
    // Do nothing!
}

查看此Pop-up链接以获取更多信息。

Answer 2

如您所述，您可以检查如果用户未填写所有必填字段，如何限制用户提交，则可以在该地点使用确认。

confirm("Do you want to continue anyway? ");

它将返回ok并取消选项警告框

Answer 3

假设您有一个函数myFormIsValid，如果所有字段都已填满，则返回true;以及提交表单的submitMyForm方法，您可以使用confirm来提示用户。

例如，在您的onSubmit代码中：

if(myFormIsValid() || confirm("Do you want to continue anyway?")) {
    submitMyForm();
}

这样，如果表单有效，则会提交。如果表单无效，则会提示用户。如果他们点击“是”，则会提交表单。否则，表格将不会被提交。

Answer 4

1. First of all you have to give a common class for form elements like form-field in my script.
2. Then on submit call this function validateForm if it returns false you could simply show a confirm box.





     $('YOUR FORM').on('submit',function(){
        var isChecked = validateForm();
          if(!isChecked){
           confirm('Please note that you didn't answer all of the questions on this page');
           }
        });
        function validateForm() {
              var isValid = true;
              $('.form-field').each(function() {
                if ( $(this).val() === '' )
                    isValid = false;
              });
              return isValid;
            }

Answer 5

您可以使用confirm('are you sure?');。窗口上会弹出类似警报的内容。

Answer 6

您可以运行JavaScript函数来检查所有字段是否都有值。如果他们不这样做，你可以.show（）一个带有警告信息的元素。

示例函数from here：

function validateForm() {
  var isValid = true;
  $('.form-field').each(function() {
    if ( $(this).val() === '' )
        isValid = false;
  });
  return isValid;
}

Answer 7

 onsubmit="return checkAllFields()" add this even to your form field.

使用javascript验证所有字段，我正在编写工作流程以供您了解。

<script>
function checkAllFields(){

if(FIELD.VALUE==""){
 alert("your message");
return false
}
else 
return true;
}

在未选择所有字段时将提交返回为false ..

如果用户没有回答所有问题，则返回HTML表单

7 个答案: