jQuery表单字段验证

时间:2018-12-16 22:02:45

标签: javascript jquery

我在表单字段上有以下代码,以验证它不为空。 如果为空,则添加CSS错误类。

if(!$('.order-modal input[name="address"]').val()){
 $('.order-modal input[name="address"]').addClass('ww-error');
  form_errors += 1;
}else{
 $('.order-modal input[name="address"]').removeClass('ww-error');
}

我还想检查同一表格字段中是否包含“邮政信箱”或“邮政信箱”或邮政信箱。框或邮政信箱,如果确实更改了占位符文本和错误类。

下面的代码以某种方式工作,但并不是我想要的那样完美?

if(!$('.order-modal input[name="address"]').val()){
  $('.order-modal input[name="address"]').addClass('ww-error');
    form_errors += 1;
}else if($('.order-modal input[name="address"]').val() == 'P.O. box'){
  $('.order-modal input[name="address"]').val('');
  $('.order-modal input[name="address"]').attr('placeholder', 'P.O. box not accepted');
  $('.order-modal input[name="address"]').addClass('ww-error');
    form_errors += 1;
}else{
  $('.order-modal input[name="address"]').removeClass('ww-error');
}

谢谢! /罗伯特

2 个答案:

答案 0 :(得分:0)

没有内置的hasValue函数,而不是

with open(csvFilePath) as csvFile:
    # with `data = []`
    tmp = {}
    csvReader = csv.DictReader(csvFile)
    for csvRow in itertools.islice(csv.DictReader(csvFile), startCSV, finishCSV):
        tmp['email'] = csvRow['email']
        del csvRow['email']
        tmp['dataFields'] = csvRow
        data.append(tmp)          # CHANGED: You used update here.
        tmp = {}

使用

$('.x').hasValue('Y')

答案 1 :(得分:0)

完整代码:

var $fld = $('.order-modal input[name="address"]'), 
    val = $fld.val(), 
    fldError=false;
if ($.trim(val)==="") { // or add required attribute
  alert("Field is mandatory");
  fldError = true;
}
else {
  var po = val.indexOf('P.O. box') !=-1;
  if (po) {
    $fld.val('').attr('placeholder','POBox not allowed');
    fldError = true;
  }
}
$fld.toggleClass('ww-error',fldError);
if (fldError) form_errors += 1;