Prefix field errors properly (bug 710353)

Author: kumar303

media/js/zamboni/browserid_support.js

@@ -161,7 +161,7 @@ function loadProfileCompletionForm($root, options) {
                        // {username: ['already exists']...}
                        $.each(data, function(field, errors) {
                            $.each(errors, function(i, m) {
-                               msg.push(field + ': ' + m);
+                               msg.push($form.find('label[for="id_' + field + '"]').text() + ': ' + m);
                            });
                        });
                    } else {

media/js/zamboni/tests/profile_tests.js

@@ -75,7 +75,7 @@ asyncTest('form error', function() {
     loadProfileCompletionForm(sb, {'window': mockWindow});
     $form.one('badresponse.profile_completion', function() {
         equals($('.notification-box', sb).text(),
-               'username: invalid characters');
+               'User name: invalid characters');
         $.mockjaxClear(resultMock);
         start();
     });

templates/qunit/qunit.html

@@ -182,8 +182,10 @@ <h3>Select a license for your Persona.</h3>
       <p class="notification-box error"></p>
       <form method="post" action="/complete-profile"
             data-post-login-url="/elsewhere">
-        <input type="text" name="username">
-        <input type="text" name="display_name">
+        <label for="id_username">User name</label>
+        <input type="text" name="username" id="id_username">
+        <label for="id_display_name">Display Name</label>
+        <input type="text" name="display_name" id="id_display_name">
         <button type="submit">Complete Profile</button>
       </form>
     </div>