Question

/*--------------------SUBMIT FORM -------------------*/
//Validate Form Fields
function FormValidation()
{
// validation fails if the input is blank
var verdba =document.getElementById('verdba').value;
if(verdba.value == "") {
  alert("Error: VERDBA FIRST!");
  verdba.focus();
  return false;
}

// validation was successful
return true;
processForm();
}



function processForm() {
// window.alert("processForm Reached"); // (Stub)
// Collect Values from the Form
// First section and verification

var callback = document.getElementById('callback').value;
var verdba = document.getElementById('verdba').value;
var comments = document.getElementById('comments').value;

// Concatenate the Page Content

var pageBody = " CB#:"+callback+" "+verdba+comments;

pageBody += "";

window.clipboardData.setData('Text',pageBody);



//Hides table on submit
$("#forms").hide();
    $(".myClass").hide();

//Copies pagebody to clipboard
var content = clipboardData.getData("Text");
document.forms["test"].elements["clipboard"].value = content;
}

// Hides table with clear button
function cleartable(){
$("#forms").hide();
    $(".myClass").hide();   
}

我在小提琴中加入了一个非常简单的骨头例子。

我注意到它在小提琴上没有完全发挥作用，但在HTA中我确实有效。它的作用是collects input fields和option fields id，将它们连接成我称之为注释的内容。它还将剪贴板数据复制到文本区域。

我想要的是能够点击submit并让它收集表单数据并检查是否使用了两个字段。

所以在phone number field我需要确定输入了一个电话号码（如果它检查到它的一定数量的数字或者它是数字的话，对我来说并不重要，只要它不是空白）然后检查是否选中了选项框，是或否，再次不是空白。

一旦发现其中一个或两个都留空或未选中，我希望该过程停止并通知用户需要完成。我希望它给他们一个修复它然后重新提交的机会。

我遇到的问题是我无法实现这两个目标。

我有它收集数据并检查数据的地方，但我遇到的问题是它不关心它是否空白并且你单击确定，它仍然提交请求然后清除表单。

我似乎无法弄清楚如何让两件事情齐头并进。

我希望有人可以对此有所了解，因为它已经在无数的在线研究和失败的尝试中困扰了我好几天。

https://jsfiddle.net/joshrt24/roqjoyhr/1/

Answer 1

在函数FormValidation（）的末尾，

  // validation was successful
  return true;
  processForm();
}

你已经把return返回true，在你的函数有机会调用processForm之前，return会立即退出你的函数。

修复，首先调用processForm（）。

  // validation was successful
  processForm();
  return true;      
}

有没有办法使用java脚本停止基于true或false的处理表单

1 个答案: