ansaurus

Question

jquery submit *after* third-party ajax validation

Answer 1

A:

Basically you need to set some sentinel value to indicate that it's valid. For example:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
<script type="text/javascript">
num = 1;

$(function() {
  $("#form").submit(function() {
    if ($("#valid").val() == "false") {
      setTimeout(callback, 1000);
      $("#comment").text("comment " + num);
      num++;
      return false;
    }
  });
});

function callback() {
  $("#valid").val("true");
  $("#form").submit();
}
</script>
</head>
<body>
<form id="form">
<div id="comment"></div>
<input type="hidden" id="valid" name="valid" value="false">
<input type="text" name="loc">
<input type="submit" value="Submit">
</form>
</body>
</html>

It's also worth pointing out that you shouldn't rely on this validation and you should repeat it on the server because there is no way to stop a potentially malicious attacker from spoofing a seemingly valid form submission.

cletus 2009-10-12 09:08:33

Answer 2

A:

You may delay form submit decision until data is validated:

<script type="text/javascript">
      $(document).ready(function() {
        // ... insure Google, get geocoder, etc.
        geocoder = ...;

        var processingGeo = false;
        var geoResult = false;

        function geocodeCallback(result) {
          // .. check if result was a success, and unique
          if (.. yes, success ..) {
            // use my not-included snazzy function to normalize the address
            $('#loc').val(normalize(result.Placemark[0]));
            geoResult = true;
          } else {
            // do something magically useful
            geoResult = false;
          }
          processingGeo = false;
        }

        $('#myform').bind('submit', function() {
          processingGeo = true;
          geoResult = false;
          geocoder.getLocations($('#loc').val(), geocodeCallBack);
          while (processingGeo) {}
          return geoResult;
        });
      });
</script>

Max S. Yarchevsky 2009-10-12 09:12:43

Max, wouldn't your answer busy-wait the one true javascript thread? What if I have other events firing? Yes, it assumes that the geocoding call takes a long time..Anyway, I like this answer, but I wanted to be clear what the effect of using it would be.

Maas 2009-10-12 14:46:44

Actually, I spoke too soon. I like this answer because it gave a clear way of handling alternate responses from the callback. However, as written, it kills the javascript processing on Safari, as expected.

Maas 2009-10-12 14:56:47

ansaurus

tags:

views:

answers:

jquery submit after third-party ajax validation

related questions