Question

我正在尝试提交此表单并且它有效。但是，单击“提交”按钮后，我无法显示“成功”消息。

    function signup() {
    var postData={ "service" :$('input[name=service]').val(), "ent_id": $('input[name=ent_id]').val(), "name": $('input[name=name]').val(), "mail_address" : $('input[name=mail_address]').val(), "password": $('input[name=password]').val()};
    postData = JSON.stringify(postData);
    $.ajax({
            url: 'http://domain.com/api?service=security&action=signup&request=' + postData,
            type: 'GET',
            });
    return false;
            }

以下是表格：

    <form onsubmit="return signup()">
    Name:<input type="text" name="name">
    Email:<input type="text" name="mail_address">
    Password:  <input type="password" name="password" >
    <input type="submit" name="submit" value="Submit">
    <input type="hidden" name="service" value="wf" />
    <input type="hidden" name="ent_id" value="null" />
    </form>

有人可以帮我解决这些问题吗？

Answer 1

这应该做你想做的事。您需要做的就是使用jQuery附带的成功/错误回调。

function signup() {
  var postData={
    "service": $('input[name=service]').val(),
    "ent_id": $('input[name=ent_id]').val(),
    "name": $('input[name=name]').val(),
    "mail_address" : $('input[name=mail_address]').val(),
    "password": $('input[name=password]').val()
  };
  postData = JSON.stringify(postData);
  $.ajax({
    url: 'http://domain.com/api?service=security&action=signup&request=' + postData,
    type: 'GET',
    success: function() {
      alert('successfully submitted');
    },
    error: function() {
      alert('an error has occurred.');
    }
  });
  return false;
}

Answer 2

＆＃13;

$("form[name='myForm']").submit(function(e) {
	var postData={ "service" :$('input[name=service]').val(), "ent_id": $('input[name=ent_id]').val(), "name": $('input[name=name]').val(), "mail_address" : $('input[name=mail_address]').val(), "password": $('input[name=password]').val()};
	    postData = JSON.stringify(postData);
	    $.ajax({
            url: 'http://domain.com/api?service=security&action=signup&request=' + postData,
            type: 'GET',
            success: function(data){
                  //alert(data);  
                  alert("success message");
                 }
            });
    return false;
}

＆＃13;

<form id="myForm" name="myForm" accept-charset="utf-8">

＆＃13;

在表单提交上显示成功消息

2 个答案: