Validating Input Fields with JavaScript or jQuery

Question

I need to check to make sure that four fields have some kind of value in them. I have tried these ideas: Check whether a select box is empty How to tell if a DDL has options to select

My code is currently this:

    function goToConfirmStep() {
    var isAllowed = false;
    var type = $(".#tShowingType option:selected").val(); //DDL
    var startDate = $("#startDate").text(); //date picker
    var startTime = $("#startTime option:selected").val(); //DDL
    var endTime = $("showingLength option:selected").val(); //DDL
    if (type.val() ) { //&&   //(type != null || type != "")
    //(startDate.text() == "" || startDate.text() == null)) {//&&
    //($('#startTime').has('option').length > 0) &&
    //($('#endTime').has('option').length > 0)) {
    alert("here");

I left the comments in so you can tell what I have tried.

If they have values selected (which the 'type' and 'startTime' will have one selected on load), I want to move to the next page. I have an alert on the else to prevent them from moving forward if the fields aren't filled out.

i guess the .val() will give you the current value, in that case you can probably just check for type.val().length > 0 , which checks the length of the string — thsorens
– thsorens, Commented Jul 2, 2015 at 21:21
.val() never returns null, unless the selector doesn't match anything. — Barmar
– Barmar, Commented Jul 2, 2015 at 21:25
You don't need to use option:selected. The value of a dropdown is the value of the selected option. — Barmar
– Barmar, Commented Jul 2, 2015 at 21:25

aleksandar · Accepted Answer · 2015-07-02 21:22:32Z

0

You should not use the && (and) operator because the alert gets displayed only if all the field are empty.

It should be something like:

function goToConfirmStep() {
    var isAllowed = false;
    var type = $(".#tShowingType option:selected").val(); //DDL
    var startDate = $("#startDate").text(); //date picker
    var startTime = $("#startTime option:selected").val(); //DDL
    var endTime = $("showingLength option:selected").val(); //DDL

    if (type == "" || startDate == "" || startTime == "" || endTime == "")
        alert("please fill in the required fields");
    else
        goToNextStep();
}

answered Jul 2, 2015 at 21:22

aleksandar

2,3992 gold badges16 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:06:03Z

0

I eventually had to attack it a different way. This is what I did:

Attacking this from a different angle.

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Jul 6, 2015 at 20:31

Kevin Fischer

3527 silver badges18 bronze badges

Collectives™ on Stack Overflow

Validating Input Fields with JavaScript or jQuery

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related