表单提交帮助

时间:2011-02-25 21:42:45

标签: javascript jquery forms jquery-plugins javascript-events

我有一个带无线电输入的表格
问题 选择是或否:

Quention 1是否
问题2是否

Qutiontion 3是否
问题4是否

Qutiontion 5是否
问题6是否

我已经使用JQuery Validation Plugin进行验证了。只需检查数字以确保选择了问题答案。

所以一旦没有选择任何人......它必须转到no.html ..如果选择是任何...它必须转到no.html

现在我想要的是:

我想如果用户为任何问题选择“是”,一旦他们选择“是”,我希望它将我引导到Yes.html页面

如果他们为任何问题选择“否”,请将我引导至No.html页面。

就是这样。

由于

1 个答案:

答案 0 :(得分:0)

听起来像你应该在服务器端处理的东西,而不是JavaScript。以下是我如何处理它:

使用表单中的复选框,而不是单选按钮。这样,您就不需要验证,因为无法提交"空白"回答:如果您获得了复选框提交的值,则会检查(是),否则它不是(否)。

然后在处理该表单输入的服务器脚本中,检查是否有任何问题有YES答案。如果他们这样做,重定向到yes.html;否则,重定向到no.html。

希望这有帮助!

编辑:如果您必须执行此客户端,则可以使用此类操作(HTML):

<form id="myform">
    <ul>
        <li><input name="check1" value="1" />Question 1</li>
        <li><input name="check2" value="1" />Question 2</li>
        <li><input name="check3" value="1" />Question 3</li>
    </ul>
    <input type="submit" value="Click Me!" />
</form>

JavaScript:

$('#myform').submit(function() {
    $(this).attr('action', ($(this).find('input:checked').length)? 'yes.html' : 'no.html');
});

当表单即将提交时,JS会查找已检查的输入(YES答案),并将表单的目标(或“#39; action&#39;”)更改为正确的页面。如果有的话,表单会转到“是”和“#”;页面 - 否则,它会转到&#39; no.html&#39;。