Jquery文本框的空验证

前端之家收集整理的这篇文章主要介绍了Jquery文本框的空验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在表单中有一个文本框,当用户提交表单时,应该检查用户是否已填写它,其他验证将有一些最小字符,他必须填写.

这是我的代码,没有验证


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

解决方法

您的代码未验证,因为您在文本框上绑定提交事件.您应该使用表单来执行此操作.

除了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>');
    }
});

猜你在找的jQuery相关文章