diff --git a/app/src/pages/broadcastTxPage/broadcastTxPage.html b/app/src/pages/broadcastTxPage/broadcastTxPage.html
index 600cbbe..0a3f19d 100644
--- a/app/src/pages/broadcastTxPage/broadcastTxPage.html
+++ b/app/src/pages/broadcastTxPage/broadcastTxPage.html
@@ -8,18 +8,24 @@
 </ion-header>
 
 <ion-content padding>
-  <ion-list>
-    <ion-item>
-      <p>This form can be used to broadcast a raw transaction in hex format over the Bitcoin network.</p>
-    </ion-item>
+  <form [formGroup]="txForm">
+    <ion-list>
+      <ion-item>
+        <p>This form can be used to broadcast a raw transaction in hex format over the Bitcoin network.</p>
+      </ion-item>
 
-    <ion-item>
-      <ion-label floating>Raw transaction data</ion-label>
-      <ion-input type="text"></ion-input>
-    </ion-item>
+      <ion-item>
+        <ion-label floating>Raw transaction data</ion-label>
+        <ion-input type="text" [(ngModel)]="transaction" formControlName="rawData"></ion-input>
+      </ion-item>
 
-    <ion-item>
-      <button ion-button outline>Send transaction</button>
-    </ion-item>
-  </ion-list>
+      <ion-item *ngIf="!txForm.controls.rawData.valid">
+        <p>Raw transaction data must be a valid hexadecimal string.</p>
+      </ion-item>
+
+      <ion-item>
+        <button ion-button outline (click)="send()" [disabled]="!txForm.touched || !txForm.valid">Send transaction</button>
+      </ion-item>
+    </ion-list>
+  </form>
 </ion-content>
diff --git a/app/src/pages/broadcastTxPage/broadcastTxPage.ts b/app/src/pages/broadcastTxPage/broadcastTxPage.ts
index 63e28cd..61ef40b 100644
--- a/app/src/pages/broadcastTxPage/broadcastTxPage.ts
+++ b/app/src/pages/broadcastTxPage/broadcastTxPage.ts
@@ -1,5 +1,6 @@
 import { Component }       from '@angular/core';
 import { NavController }   from 'ionic-angular';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 
 @Component({
   templateUrl: './broadcastTxPage.html'
@@ -9,9 +10,22 @@ export class BroadcastTxPage {
 
   public title: string;
   private nav: NavController;
+  public transaction: string;
+  public txForm: FormGroup;
 
-  constructor(nav: NavController) {
+  constructor(nav: NavController, public formBuilder: FormBuilder) {
     this.nav = nav;
     this.title = 'Broadcast Transaction';
+    this.txForm = formBuilder.group({
+      rawData: ['', Validators.pattern(/^[0-9A-Fa-f]+$/)]
+    });
+  }
+
+  send() {
+    let postData = {
+      rawtx: this.transaction
+    };
+
+    console.log('the postData is', postData);
   }
 }