Javascript 表格';如果未选中复选框,则无法提交
可能重复:Javascript 表格';如果未选中复选框,则无法提交,javascript,html,validation,playframework,Javascript,Html,Validation,Playframework,可能重复: 在我的HTML页面中有一个单选按钮,如果选中该单选按钮,它将启用包含文本框的div 我需要一些验证。如果选中了复选框,且文本框为空,则提交按钮应不起作用,且应保持在同一页面上 我如何实现这一点 编辑代码,使其现在可以工作 我如何在游戏中实现这一点!框架 这是我代码的一部分 <div id="ask-poll"> <form name="myform" action="@{Application.askquestion()}" onsubmit="retur
在我的HTML页面中有一个
单选按钮
,如果选中该单选按钮,它将启用包含文本框的div
我需要一些验证。如果选中了复选框
,且文本框
为空,则提交按钮
应不起作用,且应保持在同一页面上
我如何实现这一点
编辑代码,使其现在可以工作
我如何在游戏中实现这一点!框架
这是我代码的一部分
<div id="ask-poll">
<form name="myform" action="@{Application.askquestion()}" onsubmit="return validateThisForm();">
<div class="wf-group">
<p><label for="questionText"><h3>Who do you want to ask for their opinion?</h3></label></p>
你想征求谁的意见
虽然这不是一个编码的答案,但这里有许多表单验证javascript示例(因此我不会通过发布一堆链接来侮辱您),您可以看到他们如何使用javascript来测试所有必需的元素是否都已完成,例如,各种“必需”文本框,以及“您读过了吗?”复选框等。然后将其作为提交“onclick”的一部分实现,如果无效,则返回“false”,这将阻止表单提交。虽然这不是一个编码的答案,但有许多表单验证javascript示例(因此我不会通过发布一堆链接来侮辱您)在这里,您可以看到他们如何使用javascript来测试是否所有必需的元素都已完成,例如各种“必需”文本框、“您是否已阅读此内容”复选框等。然后,您可以将其作为提交“onclick”的一部分来实现,如果无效,则返回“false”这将阻止提交表单。这是从@danyolgiax的链接中获取的
函数检查器()
{
if(document.theForm.theCheck.checked==false)
{
document.theForm.theButton.disabled=true;
}
其他的
{
document.theForm.theButton.disabled=false;
}
}
这是从@danyolgiax的链接中获取的
函数检查器()
{
if(document.theForm.theCheck.checked==false)
{
document.theForm.theButton.disabled=true;
}
其他的
{
document.theForm.theButton.disabled=false;
}
}
如果您想使用jquery,下面是一个示例代码:
$(document).ready(function()
{
$("#somediv").hide(); //hide div
$('input[type=submit]').attr("disabled","disabled"); //disable submit button
function checkAll() //prepare function for disabling / enabling submit button
{
if($('input[type=text]').val() == '')
{
$('input[type=submit]').attr("disabled","disabled");
}
else
{
$('input[type=submit]').removeAttr('disabled');
}
}
$('input[type=text]').bind('mouseenter mouseleave focus blur keypress', function() {
checkAll();
}); //bind function for text input, checking if its empty or not and calling checkAll() function
$('input:radio')click(function() // bind function for radio that will show div after clicking
{
$("#somediv").show();
});
}
如果您想使用jquery,这里有一个示例代码:
$(document).ready(function()
{
$("#somediv").hide(); //hide div
$('input[type=submit]').attr("disabled","disabled"); //disable submit button
function checkAll() //prepare function for disabling / enabling submit button
{
if($('input[type=text]').val() == '')
{
$('input[type=submit]').attr("disabled","disabled");
}
else
{
$('input[type=submit]').removeAttr('disabled');
}
}
$('input[type=text]').bind('mouseenter mouseleave focus blur keypress', function() {
checkAll();
}); //bind function for text input, checking if its empty or not and calling checkAll() function
$('input:radio')click(function() // bind function for radio that will show div after clicking
{
$("#somediv").show();
});
}
您可以使用jquery或clean javascript吗?请参阅@Pekka:可能还不如直接链接到jquery验证插件(尽管这不是jquery问题)。这是“复制品”中唯一有价值的东西。唯一的其他产品是2007年的一些随机代码,甚至不起作用。人们真的需要在盲目地向人们扔这些假想的复制品之前检查它们,现在还有另外两个人在复制接近票数的选票。@Wesley我确实检查了复制品链接;jQuery验证插件的答案是投票率最高的(尽管对于新手来说,这可能并不明显)。如果您有更好的dupe建议,请提供它并添加注释。您可以使用jquery或干净的javascript吗?请参阅@Pekka:可能还不如直接链接到jquery验证插件(尽管这不是jquery问题)。这是“复制品”中唯一有价值的东西。唯一的其他产品是2007年的一些随机代码,甚至不起作用。人们真的需要在盲目地向人们扔这些假想的复制品之前检查它们,现在还有另外两个人在复制接近票数的选票。@Wesley我确实检查了复制品链接;jQuery验证插件的答案是投票率最高的(尽管对于新手来说,这可能并不明显)。如果你有更好的欺骗建议,提供它并添加评论。