1

我有这个带有名称、电子邮件和消息的 ajax 表单,我想验证输入:

<script type="text/javascript">
$(document).ready(function(){
   $form = $('form');
   $form.submit(function(){
         $.post($(this).attr('action'), $(this).serialize(), function(response){
      $("#inlocuire").fadeOut(1000, function () {
            $(this).html("<img src='images/de_multumire.png'/>").fadeIn(2000);
        });

        var message = $('textarea[name=message]').val('');
        var name = $('input[name=name]').val('');
        var email = $('input[name=email]').val('');
      },'json');
      return false;
   });

});

我试图引入这个功能,但它不起作用:

$('#form_id').ajaxForm({
        beforeSubmit: validate
    });

    function validate(formData, jqForm, options) {
        var name = $('input[name=name]').fieldValue();
        var email = $('input[name=email]').fieldValue();
        var message = $('textarea[name=message]').fieldValue();

        if (!name[0]) {
            alert('Please enter a value for name');
            return false;
        }
        if (!email[0]) {
            alert('Please enter a value for email');
            return false;
        }
        if (!message[0]) {
            alert('Please enter a value for message');
            return false;
        }

        else {
        // here to send the form
                      }

表格工作正常...

4

1 回答 1

1

对于那些和我有同样问题的人:http: //docs.jquery.com/Plugins/Validation

于 2012-10-01T18:38:30.763 回答