我使用表单向 API 提交一些数据。此外,我使用 recaptcha 来避免机器人。
我的问题:
如果用户输入了错误的总和,他会收到错误警报。但是在错误警报之后,脚本总是执行“action="www.test.de",所以用户没有机会更正输入。
return false
也不起作用。
有人可以指出错误吗?
剧本:
<script type="text/javascript">
var a = Math.ceil(Math.random() * 10);
var b = Math.ceil(Math.random() * 10);
var c = a + b
function DrawBotBoot() {
document.write("Was ergibt " + a + " + " + b + "? ");
document.write("<br/><input id='BotBootInput' type='text' maxlength='2' size='2'/><br/>");
}
function ValidBotBoot() {
var d = document.getElementById('BotBootInput').value;
if(d == c)
$('#test_form').submit(function(evt) {
evt.preventDefault();
var uvSubdomain = "test";
var uvKey = "xxxxxxxxxxxxxx";
var message = $('#message').val();
var subject = $('#subject').val();
var name = $('#name').val();
var email = $('#email').val();
$.jsonp({
url : 'https://' + uvSubdomain + '.test/tickets/create_via_jsonp.json?callback=?',
data : {
client : uvKey,
ticket : {
message : message,
subject : ("Anfrage via Landingpage test.de")
},
name : name,
email : email
},
success : function(data) {
alert('Herzlichen Dank für Ihre Mitteilung! Wir werden uns umgehend bei Ihnen melden.');
window.open('index.html', '_self', false)
},
error : function(d, msg) {
alert("Leider konnte die Mitteilung nicht übermittelt werden.");
}
});
return false;
});
else
alert('Falsches Ergebnis')
document.contact.BotBootInput.focus();
return false;
}
</script>
的HTML:
<div id="contact_form">
<form id="test_form" name="contact" method="post" action="https://www.test.de">
<label for="name">Name</label>
<input type="text" name="name" id="name" value="" class="span3" />
<label for="email">E-Mail</label>
<input type="email" name="email" id="email" value="" class="span3" />
<label for="message">Mittteilung</label>
<textarea name="message" id="message"></textarea>
<div>
<script type="text/javascript">DrawBotBoot()</script>
<button class="btn btn-primary" onclick="ValidBotBoot()">
Senden
</button>
</div>
</form>
</div>