Question

可能重复：
Recommendation for javascript form validation library

在我的HTML页面中有radio button，如果选中该单选按钮，则会启用包含div的{{1}}。

我需要一些验证。如果选择了textbox并且checkbox为空，则textbox不应该有效，它应该保留在同一页面上。

我该如何实现？

编辑了代码，以便它现在可以正常工作。

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

submit button

Answer 1

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

Answer 2

这取自@ danyolgiax的链接

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

Answer 3

如果你想在这里使用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();
    });
}

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

3 个答案: