Jquery文本框的空验证

时间:2012-03-12 06:01:24

标签: jquery validation

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

这是我的代码,它没有验证


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

4 个答案:

答案 0 :(得分:5)

尝试:


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


答案 1 :(得分:3)

您的代码未验证,因为您在文本框上绑定了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>');
    }
});

答案 2 :(得分:2)

 $(function () {

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

             } });

添加应出现错误消息的div。

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

答案 3 :(得分:1)