Question

我有一个html表单并且在操作上运行了一个cgi脚本，然后我有一个javascript onsubmit函数，应该检查单选按钮是否已填写，否则它不会提交。

<script>
function checkscript()
{
 .... check if a radio button was clicked otherwise dont submit.  
}
</script>

<form action="default.cgi" method="post" onsubmit="return checkscript()" enctype=
"application/x-www-form-urlencoded">
<h1>Choose</h1>

<p><input type="radio" name="Radio" value="1" /><font size="5"
color="#0033CC">Instant Psychology</font><br />
<br />
<input type="radio" name="Radio" value="2" /><font size="5"
color="#CC0000">Instant Geography</font><br />
<br />
<form/>

我可以在html文件的Javascript函数中执行此操作，还是需要在cgi脚本中执行此操作？

Answer 1

以下脚本适用于所有浏览器。首先，获取页面上的输入，然后遍历每个检查Radio的name属性。一旦找到一个被检查（选中）的Radio输入，它就会返回true，这将提交表单。但是，如果未选中（选择）任何输入，则脚本将返回false并阻止提交。

function checkscript()
{
    var inputs = document.getElementsByTagName("input");
    for (var i=0, l=inputs.length; i<l; i++) {
        if (inputs[i].name === "Radio" && inputs[i].checked) return true;
    }
    return false;
}

Answer 2

如果你可以使用jquery，你可以这样做

function checkscript(){
  if($('#radio-button').is(':checked')) return true;
  else return false;
}

是的，你可以把它放在你的html文件中。

希望这有帮助。

Javascript onsubmit与cgi动作？

2 个答案: