jquery- check if fields on form are not empty
Question
I have a couple of select elements and input fields....I can do a series of if statements to check, but I was curious if there was a master function that looks at the DOM and sees if there are values in data elements?
Thanks
2 answers
solution1
0 2013-07-30 19:31:03
<!DOCTYPE html>
<html>
<head>
<style>
td { text-align:center; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<table border="1">
<tr><td>TD #0</td><td></td></tr>
<tr><td>TD #2</td><td></td></tr>
<tr><td></td><td>TD#5</td></tr>
</table>
<script>$("td:empty").text("empty!").css('background', 'rgb(255,220,200)');</script>
</body>
</html>
btw you can simply use required attributes of the form elements
example <input type="text" required="required">
solution2
0 ACCPTED 2013-07-30 19:32:57
You can add a class called required_check and iterate through them with jquery
// target the proper elements and loop through them
$('.required_check').each(function(){
//check the value of currently targeted element
if($(this).val() == ''){
// run code if field is empty
alert($(this).attr('name')+' cannot be empty!');
}
});
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Jquery loop form to check for all empty fields then execute a function
jquery- empty working only once
jquery- open and check radio button onclick
jquery fields' form emptyness check
Check if inputs in form are empty in Jquery
Check if inputs form are empty jQuery
JQuery form validation on clicking Submit, check all input fields are empty and show innerHTML error not working?
Check if input field is empty on fields with jQuery
While form fields empty jquery or js
jQuery test if form fields aren't empty
Related Tags