0

我正在尝试开发一个 HTML5 联系表单，并使用 jQuery / AJAX 对其进行验证。

我能在网上找到的唯一帮助是本教程，它解释了如何在现代浏览器中为新的 HTML5 表单属性（必需和最小长度）执行此操作，以及在旧浏览器中使用 polyfill，尽管我的需求有点小不同的。

本质上，我希望人们要么请求三个复选框之一，要么输入一条消息。单独地，这些元素都不是必需的，但我希望其中至少一个在提交表单之前包含数据。

可以使用 PHP 执行此操作，例如：

if(empty ($checkbox1) && empty($checkbox2) && empty($checkbox3) && empty($message) ){
    $formok = false;
    $errors[] = "You need to either make a request for information, or ask a question.";
}

如果有人知道如何为 jQuery / AJAX 编写它，将不胜感激。

4

2 回答 2

0

如果信息是您在获取请求中不想要的信息，请查看 jQuery$.post()函数。文档http://api.jquery.com/jQuery.post/应该足以让您走上正确的道路。

于 2012-07-14T19:52:41.203 回答
0 
     var $checkbx1 = $( '#checkbox1' ),
         $checkbx2 = $( '#checkbox2' ),
         $checkbx3 = $( '#checkbox3' ),
         formok = true,
         $msg = $( '#mymsg' ).val();

用户尝试提交表单：

    $( '#submitBtn' ).click( function() {
        if( ( $checkbx1.val() == '' && $checkbx2.val() == '' &&
              $checkbx3.val() == '' ) || $msg == '' ) {

            formok = false;

        }

        if( formok )
        {
            $.ajax({
                url: 'yourUrl',
                data: 'yourData',
                type: 'post',
                dataType: 'json',
                success: cb <-- your callback function
            });
        }
    });
于 2012-07-14T20:15:04.637 回答