Add the javascript to control payment button back in.

lms/static/js/verify_student/photocapture.js

@@ -170,16 +170,13 @@ function objectTagForFlashCamera(name) {
 $(document).ready(function() {
   $(".carousel-nav").addClass('sr');
   $("#pay_button").click(submitToPaymentProcessing);
-  // $("#confirm_pics_good").click(function() {
-  //   if (this.checked) {
-  //     $("#pay_button_frame").removeClass('disabled');
-  //   }
-  //   else {
-  //     $("#pay_button_frame").addClass('disabled');
-  //   }
-  // });
-  //
-  // $("#pay_button_frame").addClass('disabled');
+  // prevent browsers from keeping this button checked
+  $("#confirm_pics_good").prop("checked", false)
+  $("#confirm_pics_good").change(function() {
+      $("#pay_button").toggleClass('disabled');
+  });
+  
+  $("#pay_button_frame").addClass('disabled');
 
   var hasHtml5CameraSupport = initVideoCapture();
 

lms/templates/verify_student/photo_verification.html

@@ -352,7 +352,7 @@
                     <form id="pay_form" method="post" action="${purchase_endpoint}">
                       <input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }">
                       <input type="hidden" name="course_id" value="${course_id | h}" />
-                      <input class="action-primary" type="button" id="pay_button" value="Go to Step 4: Secure Payment" name="payment">
+                      <input class="action-primary disabled" type="button" id="pay_button" value="Go to Step 4: Secure Payment" name="payment">
                     </form>
                   </li>
                 </ol>