Jquery文本框为空验证

Question

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

这是我的代码，它没有进行验证

$('.textboxid').bind("submit", function() {
  if($(this).val() == "") {
    jQuery.error('请填写此字段');
    return false;
  }
});

- user1263374

Answer 1

请尝试：

$("#yourFormId").submit(function() {
  var textVal = $("#yourTextBoxId").val();
  if(textVal == "") {
    alert('请填写此字段');
    return false;
  }
});

- Sudhir Bastakoti

Answer 2

您的代码无法验证，因为您正在将submit事件绑定到文本框上。您应该使用表单来完成。

除了Sudhir的答案之外，这种方式也能正常工作。您也可以使用正则表达式验证。

一个不错的例子，在文本框后面添加错误消息。

$("#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>');
    }
});

- Starx

---

它正在提交表单，但没有进行验证。 - user1263374

@user1263374，请在问题中发布您的HTML代码。让我们来看看。 - Starx

我已经修复了，但是如果我输入5个字符，它仍会提交表单。 - user1263374

@user1263374，如果您想限制字符，请将“{1，}”部分更改为任何您想要的数字，例如“{5,10}”，以接受最少5个和最多10个字符。 - Starx

!Starx: $("#yourFormId").submit(function() { var inputVal= $("#yourTextBoxId").val(); var characterReg = /^([a-zA-Z0-9]{1,})$/; if(!characterReg.test(inputVal)) { $("#e").data('最多8个字符.').fadeTo(1000); } }); - user1263374

Answer 3

 $(function () {

             var textVal = $("#yourTextBoxId").val();
             if (textVal == "") {
                 $("#error").fadeIn(500).show();

             } });

添加div元素，用于显示错误信息。

 <div id="error">Enter Value...</div>

- Avin Varghese