Помогите плс со скриптом
Всем привет, есть такой скрипт, на проверку заполненых полей
jQuery("form").submit(function(){
jQuery("[type=text]").each(function(){
if(jQuery(this).val() == "") {
jQuery(this).css('background', 'red');
}
})
});
Оно подсвечивает пустые поля, но он это делает перед тем, как отправить форму, после соответсвенно они перезагружает страницу, и подсветка проподает, можете подсказать, как бы мне это переделать, что бы подсветка оставалавсь? За ранее спасибо:help: |
Цитата:
|
Можно немного подробнее, мне надо сделать две проверки, первая, это если одно из полей не заполнено то подсветить его, а вторая проверка, это если оба поля не заполнено, то удалить их, мне сказали, что это надо делать при отправке формы.
Какие еще есть варианты, если можно, раздупли меня немного плс) |
okay, я понял, я изменил на такое условие
jQuery("form").ready(function()
это ты имел в виду? |
Wahtel,
в предыдущей теме вы получили ответ зачем плодить темы |
Цитата:
|
Wahtel,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
$("form").submit(function() {
var words = $(":text", this).filter(function() {
return !$.trim(this.value)
});
if (words.length == 2) words.parent().remove();
if (words.length == 1) words.css('background', 'rgb(255, 0, 0)');
if (!words.length) return true;
return false
})
});
</script>
</head>
<body>
<form action="http://">
<div>
<input name="" type="text">
<input name="" type="text"></div>
<input name="" type="submit" value="ok">
</form>
</body>
</html>
|
| Часовой пояс GMT +3, время: 16:31. |