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, Jul 02 '15 at 21:21
`.val()` never returns `null`, unless the selector doesn't match anything. — Barmar, Jul 02 '15 at 21:25
You don't need to use `option:selected`. The value of a dropdown is the value of the selected option. — Barmar, Jul 02 '15 at 21:25

score 0 · Answer 1 · answered Jul 02 '15 at 21:22

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();
}

score 0 · Accepted Answer · edited May 23 '17 at 12:06

0

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

Attacking this from a different angle.

edited May 23 '17 at 12:06

Community

1
1

answered Jul 06 '15 at 20:31

Kevin Fischer

371
7
16

Validating Input Fields with JavaScript or jQuery

2 Answers2