如何验证ajax形式的输入

时间:2012-10-01 17:21:03

标签: ajax forms validation

我有这个带有姓名,电子邮件和消息的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
                      }

表单工作正常......

1 个答案:

答案 0 :(得分:1)

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