Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript php在提交时显示警报和不加载操作链接_Javascript_Forms - Fatal编程技术网

Javascript php在提交时显示警报和不加载操作链接

Javascript php在提交时显示警报和不加载操作链接,javascript,forms,Javascript,Forms,请帮忙,我还是不明白,你能帮我更改一下需要什么吗,这是我的完整代码: <form action='https://api.website.co.za/blabla?' method="get" target="POPUPW" onSubmit="alert('Done'); " > <div align="center"><br /> <input name="user" type="hidden" value="user" /> <in

请帮忙,我还是不明白,你能帮我更改一下需要什么吗,这是我的完整代码:

<form action='https://api.website.co.za/blabla?' method="get" target="POPUPW" onSubmit="alert('Done'); " >

<div align="center"><br />

<input name="user" type="hidden" value="user" />
<input name="pass" type="hidden" value="password" />
<input name="account" type="hidden" value="<?php echo "$username" ?>" />


Topup Amount : 
<select name="amount" size="1">
  <option value="">  select...  </option>
  <option value="1">1GB</option>
  <option value="2">2GB</option>
  <option value="3">3GB</option>
  <option value="4">4GB</option>
  <option value="5">5GB</option>
  <option value="6">6GB</option>
  <option value="7">7GB</option>
  <option value="8">8GB</option>
  <option value="9">9GB</option>
  <option value="10">10GB</option>
  <option value="11">11GB</option>
  <option value="12">12GB</option>
  <option value="13">13GB</option>
  <option value="14">14GB</option>
  <option value="15">15GB</option>
  <option value="16">16GB</option>
  <option value="17">17GB</option>
  <option value="18">18GB</option>
  <option value="19">19GB</option>
  <option value="20">20GB</option>

</select>


<input type="submit" name="sub" value="Submit in Popup">
</form>



在onsubmit中添加一个ajax调用,然后添加
returnfalse以防止回发

<form action='https://api.website.co.za/blabla/?' method="get" target="POPUPW" onSubmit="yourAjaxMethod(); alert('Done'); return false;" >


通过使用ajax,您可以提交表单数据而无需回发。

在onsubmit中添加ajax调用,然后添加
返回false以防止回发

<form action='https://api.website.co.za/blabla/?' method="get" target="POPUPW" onSubmit="yourAjaxMethod(); alert('Done'); return false;" >

通过使用ajax,您可以提交表单数据而无需回发。

编辑:

<form action='https://api.website.co.za/blabla/?' method="get" target="POPUPW" onSubmit="yourAjaxMethod(); alert('Done'); return false;" >
通过ajax提交并添加
e.preventDefault()
警报()
之后,如下所示:

<form action='https://api.website.co.za/blabla/?' method="get" target="POPUPW">

<script>
    $('form').submit(function() {
        //Send from using an Ajax call
        e.preventDefault();    
    });

$('form')。提交(函数(){

//使用Ajax调用发送 e、 预防默认值(); });
编辑:

通过ajax提交并添加
e.preventDefault()
警报()
之后,如下所示:

<form action='https://api.website.co.za/blabla/?' method="get" target="POPUPW">

<script>
    $('form').submit(function() {
        //Send from using an Ajax call
        e.preventDefault();    
    });

$('form')。提交(函数(){

//使用Ajax调用发送 e、 预防默认值(); });
这应该可以。。。(未经测试)

在jQuery的帮助下:

<form id="myform" action='https://api.website.co.za/blabla/?' method="get">
[...]
</form>
<script type="text/javascript">
$('#myform').on('submit', function(e){
    e.preventDefault();
    $.get($(this).attr('action') + $(this).serialize(), function(result){
         alert('DONE');
    });
});
</script>

[...]
$('#myform')。关于('submit',函数(e){
e、 预防默认值();
$.get($(this.attr('action')+$(this.serialize()),函数(result){
警报(“完成”);
});
});
这应该可以。。。(未经测试)

在jQuery的帮助下:

<form id="myform" action='https://api.website.co.za/blabla/?' method="get">
[...]
</form>
<script type="text/javascript">
$('#myform').on('submit', function(e){
    e.preventDefault();
    $.get($(this).attr('action') + $(this).serialize(), function(result){
         alert('DONE');
    });
});
</script>

[...]
$('#myform')。关于('submit',函数(e){
e、 预防默认值();
$.get($(this.attr('action')+$(this.serialize()),函数(result){
警报(“完成”);
});
});


target=“popuff”告诉它在新窗口中打开。使用JS和AJAX。。只有waytarget=“popuff”告诉它在新窗口中打开。使用JS和AJAX。。唯一相同的方法。。。这将阻止表单提交。。。请看问题:“它仍然应该提交api链接,但只显示警报。”哇,感谢您的快速响应。通过添加return false。。。。它似乎可以工作,但api链接操作不能正常工作。基本上,此api操作链接从表单中获取用户名,并将其添加到api链接的末尾,通过加载该链接,可通过api向此用户dsl帐户添加追加金额。所以,也许让它加载页面,但进行重定向?//使用Ajax调用发送抱歉,这是非常新的…不知道Ajax js如何工作,如果可能,请提供更多详细信息,谢谢again@user2080473Rufinus提出的解决方案看起来不错,只需添加
returnfalse
警报()之后function@uby您应该始终使用e.preventDefault()而不是返回false。(我更新了我的答案)同样。。。这将阻止表单提交。。。请看问题:“它仍然应该提交api链接,但只显示警报。”哇,感谢您的快速响应。通过添加return false。。。。它似乎可以工作,但api链接操作不能正常工作。基本上,此api操作链接从表单中获取用户名,并将其添加到api链接的末尾,通过加载该链接,可通过api向此用户dsl帐户添加追加金额。所以,也许让它加载页面,但进行重定向?//使用Ajax调用发送抱歉,这是非常新的…不知道Ajax js如何工作,如果可能,请提供更多详细信息,谢谢again@user2080473Rufinus提出的解决方案看起来不错,只需添加
returnfalse
警报()之后function@uby您应该始终使用e.preventDefault()而不是返回false。(我更新了答案)这可能是最好的方法,因为它会在提交实际完成时发出警报。我是否应该在表单中指定某个地方使用javascript?bcoz它似乎不起作用如果你将ID添加到表单中,当你提交表单时,触发器将触发。我已经这样做了,但是警报不会弹出,并且动作url加载到同一页面中,然后触发器不起作用。。。粘贴整个代码并在链接中留下注释这可能是最好的方法,因为它会在提交实际完成时发出警报。我不应该在表单中指定某个地方使用javascript吗?bcoz它似乎不起作用如果你将ID添加到表单中,当你提交表单时,触发器将触发。我已经这样做了,但是警报不会弹出,并且动作url加载到同一页面中,然后触发器不起作用。。。粘贴整个代码并在链接中留下注释