This one is driving me nuts. I have a form inside of my mobile application such as this:
I'm using the knockout data binding of submit here (also tried the events Kendo binding and the event and submit knockout binding) and the function that I'm bound to is not firing when hitting the enter key inside of Chrome or on my iPhone when hitting the 'Go' button on the keyboard.
I also added a button to the bottom of the form for a sanity check to ensure my knockout VM function was firing. Here is the button code:
And my VM:
I feel as if I'm going insane. I have a feeling that this is something dumb I'm missing.
<
form
data-bind
=
"submit: submitJbSearch"
>
<
ul
data-role
=
"listview"
>
<
li
>
<
label
>Job
<
input
type
=
"text"
placeholder
=
"Job Number"
data-bind
=
"value: test"
/>
</
label
>
</
li
>
<
li
>
<
label
>Status
<
select
data-bind
=
"options: statuses"
>
</
select
>
</
label
>
</
li
>
<
li
>
<
label
>Customer
<
input
type
=
"text"
placeholder
=
"Customer"
/>
</
label
>
</
li
>
<
li
>
<
label
>PO#
<
input
type
=
"text"
placeholder
=
"PO#"
/>
</
label
>
</
li
>
</
ul
>
</
form
>
I also added a button to the bottom of the form for a sanity check to ensure my knockout VM function was firing. Here is the button code:
<
a
href
=
"#"
data-bind
=
"click: submitJbSearch"
data-role
=
"button"
>Submit</
a
>
I feel as if I'm going insane. I have a feeling that this is something dumb I'm missing.