使用Ajax并在同一<script> </script>中验证表单

时间:2014-02-25 17:26:33

标签: jquery ajax wordpress

我想验证&amp;在同一个<script>标记内使用ajax,这是正确的方法吗? ajax无法正常工作。

控制台出现以下错误:Uncaught ReferenceError: jQuery is not defined。我不明白,它看起来对我有用吗?

<script type="text/javascript">
        jQuery(document).ready(function($) {

            $('#formsubmit').validate({
            rules:  {

            numberofwelds: "required",
            numberofconwelds: "required"
                    },

            messages: {
            numberofwelds: "Please enter the number of welds",
            numberofconwelds: "Please enter number of con"
            },

            submitHandler: function(form) {
            form.submit();
            }           }) 





$(".ajax-link").click( function() {
            var data = {
                action: 'test_response',
                            post_var: 'this will be echoed back'
            };
            $.post(the_ajax_script.ajaxurl, data, function(response) {
            alert(response);
            });
            return false;
        });

            }); 

1 个答案:

答案 0 :(得分:1)

您需要包含jQuery才能使用它。例如,使用护目镜CDN:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

您可以将它放在HEAD部分,即使通常不是包含任何脚本的最佳方式。

如果您使用的是chrome并且没有运行服务器,则必须指定协议file://  我会假设。所以改为使用:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>