2016-10-04 47 views
0
/*--------------------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(); 
}  

我已經包括一個非常裸露的骨頭例子在小提琴。有沒有一種方法來停止從基於真正或假使用Java腳本處理表格

我注意到它的小提琴沒有完全工作,但在HTA中我確實有效。它所做的是collects input fieldsoption fields by id,將它們連接成我所說的音符。它還將剪貼板數據複製到文本區域。

我想要的是能夠點擊submit並讓它收集表單數據並檢查是否使用了兩個字段。

所以在phone number field我需要確保輸入一個電話號碼(如果它檢查它的一定數量的數字,或者它根本不是空白,那麼對我來說無關緊要)以及接下來檢查選項框是否被選中,是或不是,再次不是空白。

一旦發現一個或兩個都留空或未選中,我希望該過程停止並通知用戶需要完成。我希望它給他們一個修復它然後重新提交的機會。

我遇到的問題是我不能同時發生。

我有它它收集數據和檢查數據,但我遇到的問題是,它不在乎它的空白,你點擊確定,它仍然提交請求,然後清除表單。

我只是不知道如何弄清楚如何在一個擺動中工作。

我希望有人能夠對此有所瞭解,因爲它一直在困擾着我,在無盡的在線研究和失敗的嘗試的日子裏。

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

+0

return true; processForm(); processForm永遠不會被調用,那是你的意思? – Keith

+0

是啊我需要有processForm調用,只要表單驗證是真的 – joshrt24

+0

我同意,你不能返回的東西,下一行代碼調用一個函數。 '返回true; processForm();'應該是'processForm();返回true;' – chwagssd

回答

0

在你的函數FormValidation()結束,

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

你已經把返回true,之前你的函數有機會打電話給processForm,回報將立即退出你的函數。

修復,只需先調用processForm()。

// validation was successful 
    processForm(); 
    return true;  
} 
相關問題