Question

我有一个像这样的ajax形式：

$(function() {
  $('.send').click(function(e) {
    $.ajax({
      url: 'email.php',
      type: 'POST',
      data: {
        'message': $('.inner').html(),
        'email':   $('[name="email"]').val(),
        'name':    $('[name="name"]').val(),
        'preis':   $('.overallprice').html()    
      },
      success: function(data) {
        alert('Ihre Daten wurden erfolgreich gesendet');
      }
    });
  });
});

我希望脚本检查是否有人正确填写表单（姓名和邮件）。试图使用.checkValidity（），但我无法让它工作。

Answer 1

您可以使用jquery validation here an example

Answer 2

你应该使用Jquery验证插件（http://jqueryvalidation.org/），它非常强大。大部分基础工作已经完成，是验证任务最重要的方面之一，经过测试！

您可以简单地定义以下规则：

 rules: {
        address: "required",
        postal_code: {
            required: true,
            minlength: 5,
            maxlength: 5,
            digits: true
        },
        locality: "required",
        house_number_1: {
            number: true,
            required: true
        },

一个很棒的功能是你可以像

那样简单地扩展它

house_number_2: {
           mySelfDefinedRule: true
        },

规则可以这样定义：

$j.validator.addMethod("mySelfDefinedRule", function (value, element) {
    if ($j("#input_traffic_houseNumber2").val() === "") {
        return true;
    } else {
        return parseInt($j("#input_traffic_houseNumber1").val()) <= parseInt(value);
    }

}, 'Must be greater then HouseNumber One');

上面的代码只是一个简单/简单的示例，向您展示如何使用。希望对你有帮助！

jquery公式验证

2 个答案: