简单的javascript验证表单,但我对JS来说是全新的

时间:2017-02-19 08:27:43

标签: javascript validation

我有一个博客,其中Id喜欢使用小型JS textarea验证。

基本上我想要它做的是检查某个字符串

'我想检查的字符串'。

我希望它验证这些确切的字词,如果它不正确我想要它说

不正确!你需要更多帮助吗?

但是如果它是正确的,我想要它说

正确!转到下一个问题。

我的问题是我没有任何JS经验,但是通过stackoverflow和google搜索得到了我的想法。虽然我没有得到我想要的输出.. 有人可以快速查看并调整一下吗?



function validateForm() {
  var textarea = document.getElementById('textareabox');

  var word = ('the string I want to check');

  var textValue = textarea.value;

  if (textValue.indexOf(word) != -1) {
    alert('Correct! Go to the next question!)
  } else {
    return false
    alert('Incorrect! Do you need more help? Try the hint button.')
  }
}

<textarea id="textareabox" name="powershellarea"></textarea>
<button type="button" onclick="validateForm()">Validate</button>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

您应该从else块中删除return false;

通过该返回,代码在警报执行之前退出函数,然后从不显示。

您还错过了字符串中的结束语'

function validateForm() {
  var textarea = document.getElementById('textareabox');

  var word = 'the string I want to check';

  var textValue = textarea.value;

  if (textValue.indexOf(word) != -1) {
    alert('Correct! Go to the next question!')
  } else {
    alert('Incorrect! Do you need more help? Try the hint button.')
  }
}

如果您希望函数在显示警报后返回truefalse,则可以按以下步骤操作:

function validateForm() {
  var textarea = document.getElementById('textareabox');

  var word = 'the string I want to check';

  var textValue = textarea.value;

  if (textValue.indexOf(word) != -1) {
    alert('Correct! Go to the next question!');
    return true;
  } else {
    alert('Incorrect! Do you need more help? Try the hint button.');
    return false;
  }
}