Jquery文本框的空验证

Question

我在表单中有一个文本框,当用户提交表单时,应该检查用户是否已填写它,其他验证将有一些最小字符,他必须填写.

这是我的代码,没有验证

$('.textboxid').bind("submit", function() {
  if($(this).val() == "") {
    jQuery.error('Fill this field');
    return false;
  }
});

Answer 1

尝试:

$("#yourFormId").submit(function() {
  var textVal = $("#yourTextBoxId").val();
  if(textVal == "") {
    alert('Fill this field');
    return false;
  }
});

Answer 2

您的代码未验证，因为您正在submit文本框上绑定事件。您应该使用表格来做到这一点。

除了苏迪尔的回答之外，这会很好地工作。提供替代方案。您也可以使用正则表达式验证。

一个很好的例子，它也在文本框后面添加了错误消息。

$("#yourFormId").submit(function() {
    var inputVal= $("#yourTextBoxId").val();
    var characterReg = /^([a-zA-Z0-9]{1,})$/;
    if(!characterReg.test(inputVal)) {
        $("#yourTextBoxId").after('<span class="error">Maximum 8 characters.</span>');
    }
});