<form action="<?php echo $url;?>" id="wordpress-link-builder" method="post">
<div class="input_fields_wrap">
<?php
if ($options) {
$cssPrefix = 'festi-link-builder-';
$hideRemoveButton = (count($options['linkbuilder']) <= 1) ? $cssPrefix.'hide' : '';
foreach ($options['linkbuilder'] as $key => $
?>
<div class="container">
<input class="LinkbuilderForWords" type="text" name="linkbuilder[<?php echo $key; ?>][word]" value="<?php echo $item['word']?>" placeholder="enter keyword" />
<input class="LinkbuilderForLinks" type="text" name="linkbuilder[<?php echo $key; ?>][link]" value="<?php echo $item['link'];?>" placeholder="enter url" />
<a class="delete_div_button <?php $hideRemoveButton; ?>" name="<?php echo $key;?>" href="#">delete</a>
</div>
<?php
}
}
?>
</div>
<input type="submit" value="save"></br>
<a class="add_field_button" href="#">Add More Fields</a></br>
</form>
в jQuery пытаюсь сделать проверку, если оба инпута пустые, то удалить весь див с инпутами, если пустой какой то отдельный инпут, то подсветить его, и вывести что то по типу "введите все данные"
Я вот думаю создать переменную, туда положить оба инпута, и проверять, если эта переменная ровна двум, то все удалить, если одному то подсветить, но пока не получается, может кто поможет?)
Изначально пробовал так
jQuery("form").submit(function(){
jQuery("input").each(function(){
if (jQuery(".LinkbuilderForWords").val() == "" && jQuery(".LinkbuilderForLinks").val() == "") {
jQuery(".LinkbuilderForWords").remove() && jQuery(".LinkbuilderForWords").remove();
}
})
});
код вообще не работает, потом попробовал так
jQuery("form").submit(function() {
var words = jQuery("input:empty");
if (words.length == 2)
{
words.parent().remove();
}
if (words.length == 1)
{
words.css('background', 'rgb(255,220,200)');
}
if (!words.length)
{
return true;
}
return false
});
Тоже ничего не получается(