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加载到同一页面中,然后触发器不起作用。。。粘贴整个代码并在链接中留下注释