javascript - Jquery/Form - 检查输入字段的长度至少为 5 个字符 - 并且也不匹配某些单词

Question

我有一个非常简单的表格。全名/电子邮件。我想要做的是检查 jquery 以确保他们在名称字段中输入了至少 5 个字符。如果他们没有，那么我不想提交表单，而是想在表单下方打印一些 HTML，显示警告/错误消息。我怎样才能做到这一点？

另外，我可以手动将单词添加到脚本中，以确保它们没有输入到名称字段中吗？如果他们要确保它再次打印错误......例如，如果他们输入了单词“bobby”或“stephanie”，如果输入了这些确切的单词，我不希望提交表单。我只想阻止 5 或 6 个单词，所以我可以在脚本中手动输入它们，不会出现任何问题。 提前非常感谢您。

这是我的 HTML

<div id="div1">
<label id="name-label" for="full_name">Name</label>
<input id="full_name" type="text" name="name" tabindex="1" autofocus="1">
</div>

<div id="div2">
<label id="email-label" for="email_address">Email</label>
<input id="email_address" type="email" tabindex="2" name="email">
</div>

如果 jquery 检查为 false，这是我想要打印的添加的 HTML

<div id="error">
<span class="error_message">Please enter your full name</span>
</div>

Answer 1

假设您的表单的 id 为 myForm。

var words = ["bobby", "stephanie"];
jQuery('#myForm').on('submit', function(evt) {
    var form = $(this);

    var full_name = form.find('#full_name');
    var name_length = full_name.val().length;

    if( name_length < 5 ) {
        jQuery('#error').show();
        evt.preventDefault();
    }

    if( jQuery.inArray(full_name.val(), words) ) {
        evt.preventDefault();
    } 
});