Javascript-форум - Проверка заполнения формы и вывод ее на новой странице innerHTML

Добрый день.
На предприятии есть необходимость постоянно заполнять на бумаге карточки для составления договоров.
Появилась идея сделать заполнение в электронном виде.
Т.е. начальник заполняет форму, нажимает ОТПРАВИТЬ, форма смотрит, заполнены ли все ячейки и на новой странице отображает заполненную форму со всеми исполненными скриптами. голый html.
Проблема вот в чем:
1. есть скрипт который проверяет форму.
2. есть скрипт который через innerHTML делает голый html
вызываются они разными кнопками.

Помогите, пожалуйста на одну кнопку сделать проверку формы, и если все правильно преобразовать (выполнить второй скрипт)

1.

function checkForm(f) {
var errMSG = ""; 
for (var i = 0; i<f.elements.length; i++) 
if (null!=f.elements[i].getAttribute("required")) 
if (isEmpty(f.elements[i].value))
errMSG += "  " + f.elements[i].name + "\n"; 
if ("" != errMSG) {
alert("Не заполнены обязательные поля:\n" + errMSG);
return false;
}
else {
alert("Все поля заполнены. Спасибо.");
}
}
function isEmpty(str) {
for (var i = 0; i < str.length; i++)
if (" " != str.charAt(i))
return false;
return true;
}

function openTableInNewWindow(cID, win_title){
var new_win=window.open();
var content='<html><head>'+'<title>'+win_title+'</title></head><body>{0}</body></html>';
new_win.document.write(content.replace('{0}',document.getElementById(cID).innerHTML));
}

форма.

<form name="ff" action="http://smetu.kido.by/send/includ.php" method="post" onsubmit="return checkForm(this);">
<div id="grab">
<table width="700"  border="1" align="center"  cellpadding="3" cellspacing="0" >
          <tr>
            <th  colspan="2"  bgcolor="#5b5b5b" class="stylered" >Карточка исходных данных для составления договора<br />
              заполните все доступные поля:</th>
          </tr>
		  <tr bgcolor="#e4e4e4" >
            <td class="text">Карточка к новому договору или перерасчет к существующему ???</td>
            <td><label><input type="checkbox" name="nov_dogovor" value="Новый договор"><span>Новый договор</span></label>
			<label><input type="checkbox" name="perechet" value="Перерасчет"><span>Перерасчет</span></label></td>
          </tr>
		   <tr bgcolor="#e4e4e4" >
            <td class="text">1. Номер заявки:</td>
            <td><input name="Номер заявки" type="text" style="width: 295px" value="" required/></td>
          </tr>
		  <tr>
            <td class="text">Комментарии, пожелания. Напишите здесь, если у Вас есть дополнительная информация или уточнения по исходным данным</td>
            <td><textarea name="mess" rows="5"  cols="50" class="text" style="width: 300px"	name="comments" placeholder="Напишите здесь, если у Вас есть дополнительная информация или уточнения по исходным данным"></textarea></td>
          </tr>
		  <tr>
            <td>
		  <input type="submit" value="Сохранить и отправить >"/>
			</td>
		  </tr>
</table>
</div>
</form>
<center><button onclick="javascript:openTableInNewWindow('grab', 'Предварительное_Площадной_объект')">Сформировать карточку</button></center>