JScript 200 WN15 Week 4 Class Exercises

week_4_class_exercises.js

// JScript 200 WN15 Week 4 Class Exercises

//Christina Thompson

// 1) Here is an element which uses HTML5 required attribute:

<input type="text" name="Name" required="required"/>

// 2) Here is how we can validate a single text box:

      if($('#Name').val() == '') {
          alert('Please enter your name');
          $('#Name').focus();
          return false;
      }

$('#myForm').submit(function(e){
                if($('#Name').val() == '') {
                    alert('Please enter your name');
                    $('#Name').focus();
                    // return false;

                    var colorChecked = $('#FavoriteColor input:radio:checked').length;
                    if(colorChecked < 1) {
                        alert("Please choose your favorite color");
                        $("#FavoriteColor input:radio:checked").focus();
                        return false;
                    }
                } else {
                    var name = $("input[name=Name]").val();
                    var output = "<p>Selections Made:</p>";
                    output += "</p>Name: " + name + "</p>";
                    $("#output").html(output);
                }
        

                // alert("form submitted!");
        e.preventDefault();
     
            });