未捕获的 SyntaxError：使用提交处理程序的意外标识符答案

【问题标题】：Uncaught SyntaxError: Unexpected identifier using Submit Handler未捕获的 SyntaxError：使用提交处理程序的意外标识符
【发布时间】：2019-03-06 12:02:40
【问题描述】：

我正在创建验证脚本和 ajax 调用。我面临的问题是

警报消息在条件下不起作用

我不知道这里发生了什么，当我运行脚本时，在 Chrome 中它说：

Uncaught SyntaxError: Unexpected identifier

下面是我的代码：

  $("#myCA-Form").validate({

    rules:{
    field1:"required",
    city:"required",
    email:{
    required:true,
    email:true
    },
    phone:{
    required:true,
    number: true,
    minlength:9,
    maxlength:10
    }
    },

    messages:{
    name:"Please enter your username..!",
    email:"Please enter your email..!",
    phone:"Enter your mobile no"
    },


    submitHandler: function(form) {


    var formData =  $(form).serialize();
    var id = $('#product_id2').val();

    var name = $('#field1').val();
    $.ajax({
    url: "https://eaxmple.co.in/test.aspx?"+formData,
    type: "POST",
    cache: false,
    dataType: "jsonp",
    crossDomain: true,  
    data: {formd : formData },
    success: function(data) {
     }


    });
     if(id=='100105')
    {
    alert("sdfsd");
    document.getElementById("msg").innerHTML='submit Successfully!!!';
     }

    }

  });

【问题讨论】：

一般会有一行发生错误。你也可以分享它并在你的代码中标记它吗？ ...顺便说一句，我会省略“请尽快帮助我”。
请发布更多信息，例如HTML代码，调试结果，控制台错误.....
你的代码没有问题。它工作得很好。我希望问题出在其他地方
请阅读Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - 总结是这不是解决志愿者的理想方式，并且可能会适得其反。请不要将此添加到您的问题中。

标签： javascript jquery ajax validation

【解决方案1】：

您的代码没有问题。它工作得很好。我希望问题出在其他地方

这是您的代码的精确副本，添加了 HTML 代码

$("#myCA-Form").validate({

    rules:{
    field1:"required",
    city:"required",
    email:{
    required:true,
    email:true
    },
    phone:{
    required:true,
    number: true,
    minlength:9,
    maxlength:10
    }
    },

    messages:{
    name:"Please enter your username..!",
    email:"Please enter your email..!",
    phone:"Enter your mobile no"
    },


    submitHandler: function(form) {


    var formData =  $(form).serialize();
    var id = $('#product_id2').val();

    var name = $('#field1').val();
    $.ajax({
    url: "https://eaxmple.co.in/test.aspx?"+formData,
    type: "POST",
    cache: false,
    dataType: "jsonp",
    crossDomain: true,  
    data: {formd : formData },
    success: function(data) {
     }


    });
     if(id=='11')
    {
    alert("sdfsd");
    document.getElementById("msg").innerHTML='submit Successfully!!!';
     }

    }

  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
<form id="myCA-Form">
	<input name="field1" type="text"/>
	<input name="city" type="text"/>
	<input name="email" type="text"/>
	<input name="phone" type="text"/>
	<input value="11" id="product_id2" type="hidden"/>
<button class="save-post">Save Post</button>
</form>

【讨论】：

【解决方案2】：

您不应该将 formdata 附加到 URL，如果您想要类似的东西，您应该查看 GET 方法而不是 POST。您可能想了解更多关于 POST 和 GET 的信息。

【讨论】：