Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.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 表格';如果未选中复选框,则无法提交_Javascript_Html_Validation_Playframework - Fatal编程技术网

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验证插件的答案是投票率最高的(尽管对于新手来说,这可能并不明显)。如果你有更好的欺骗建议,提供它并添加评论。