提交表单时,请检查文本框是否为某个字符串,并根据答案显示警告

时间:2013-10-06 05:53:45

标签: javascript html forms textbox

我的表单有代码

<form class="form" name="frmName" onclick="javascript:check()">
Answer: <input type="text" name="textboxans">
<input type="submit" value="Submit" >
</form>

当用户点击提交按钮时,我想运行一个脚本,如果用户在答案文本框中键入15,则会向用户发出警报,但如果没有,则会显示另一条消息。这是我的代码,它放在HTML文档的头部。

<script>
function check()
var ans="15";
if (document.forms["frmName"]["textboxans"].value==ans){
alert("That is the correct answer");
}
else{
alert("Sorry. That is the incorrect answer");
}
</script>

我仍然遇到问题,当我按下提交按钮时,什么也没发生。有人可以帮忙吗?

3 个答案:

答案 0 :(得分:2)

单击表单中的提交按钮时会发生onsubmit事件。

<form class="form" name="frmName" onsubmit="javascript:check()">

答案 1 :(得分:0)

使用onSubmit()

<form class="form" name="frmName" onSubmit="javascript:check()">
Answer: <input type="text" name="textboxans">
<input type="submit" value="Submit" >
</form>

答案 2 :(得分:0)

试试这个会帮到你

var ans="15";
$('form').click(function(){
if ($('input[type=text]').val()==ans){
alert("That is the correct answer");
}
else{
alert("Sorry. That is the incorrect answer");
}
});

小提琴here

您在功能检查()之后缺少{并且输入标记也未正确关闭/>,请参与其中