如果未选中复选框，则不应提交表单

发布于 2024-11-08 03:53:56 字数 886 浏览 0 评论 0原文

可能的重复：
javascript表单验证库的推荐

在我的HTML页面中有一个单选按钮，如果选择该单选按钮，它将启用一个包含文本框的div。

我在这里需要一些验证。如果选中了复选框并且文本框为空，则提交按钮不应工作，并且应保留在同一页面上。

我怎样才能实现这个？

<块引用> <块引用>
编辑了代码，使其现在可以工作。

我如何在 Play 中实现此功能！框架？这是我的代码的一部分

<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>

原文

Possible Duplicate:
Recommendation for javascript form validation library

In my HTML page there is a radio button, if that radio button is selected it will enable a div containing a textbox.

I need some validation here. If the checkbox is selected and textbox is empty then the submit button should not work and it should remain on the same page.

How can i implement this?

edited the code so that it will work now.

How can I implement this in Play! Framework?
This is a part of my code

<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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

煞人兵器 2024-11-15 03:53:56

虽然这不是一个编码答案，但有许多表单验证 javascript 示例（因此我不会通过发布一堆链接来侮辱您），您可以在其中看到他们如何使用 javascript 来测试所有必需元素是否已完成，例如，各种“必需”文本框、“您读过这个”复选框等。然后您将其作为提交“onclick”的一部分来实现，如果它无效，您将返回“false”，这会阻止表单被提交。

回复收藏 0 原文

雨的味道风的声音 2024-11-15 03:53:56

这取自 @danyolgiax 的链接

function theChecker()
{ 
if(document.theForm.theCheck.checked==false)
{
document.theForm.theButton.disabled=true;
}
else
{
document.theForm.theButton.disabled=false;
}
}
</script>

This has been taken from @danyolgiax's link

function theChecker()
{ 
if(document.theForm.theCheck.checked==false)
{
document.theForm.theButton.disabled=true;
}
else
{
document.theForm.theButton.disabled=false;
}
}
</script>

回复收藏 0 原文

歌枕肩 2024-11-15 03:53:56

如果您想使用 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();
    });
}

In case You want to use jquery here is a sample code :

$(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();
    });
}

回复收藏 0 原文

~没有更多了~