如何使<button>标签中的location.href =''仅在输入有效时才有效?

时间:2015-10-21 23:01:14

标签: javascript html

我一直在研究调查问卷的按钮,其中包含5个问题。这些问题使用

询问有关10分的问题

我想打印不同的消息并仅在某些情况下应用HTML。 1)假设用户将调查问卷中的所有问题留空,并点击“跳过”按钮。这只是将用户引导到下一页。

2)如果用户回答了一些问题并点击“跳过”,那么我想打印一条消息,询问用户是否想要转到下一页而不提交答案。如果是,它只是将用户引导到下一页,但如果不是,我希望用户继续填写问卷。

现在我有按钮“跳过”和“提交”使用它包含“onclick =”location.href ='nextPageExample.html'“&gt;但这总是会发生,但我需要将用户移动到下一页仅当用户点击“是”而不提交答案时。如果用户选择“否”,他们需要留在问卷页面。

简而言之,我有两个问题。 1)如何检查某些问题是否留空?我试过id =“example”并尝试过     如果(的document.getElementById( “例如”)。checkValidity){         window.alert( “谢谢”);     }其他{         返回false;     } 但这没用。即使我没有填写问题,它也会打印谢谢,无论如何都要把我送到下一页......

2)如果所有问题都得到解答,我怎样才能应用HTML“onclick = location.href ='example.html'”?

1 个答案:

答案 0 :(得分:1)

为什么不使用jquery + jquery验证的组合?这应该很容易。每个页面都包含一个表单,您将验证处理程序附加到它,如果它验证,则设置window.location.href =&#34; next_page.html&#34 ;;否则,jquery验证将捕获错误。您甚至可以编写自定义验证函数。

如果没有看到您的代码,任何人都很难向您展示要写的内容。