javascript - jquery serializeArray() not created using semantic-ui framework? -
I am creating semantic UI when I click the submit button, I want to serialize the value. I have two text boxes for a username and password. I enter some value in both text boxes when I click the submit button, I want to make an array conversion for the Jason format. But I have done some code. But this is not working, maybe I do not know correctly
& lt; Div class = "ui small signin modal" & gt; And any one please help? And also want to send me serialize for WCF services to Jason URL. ; & Lt; I class = "circular inverted toll close icon" & gt; & Lt; / I & gt; & Lt; Div class = "column" & gt; & Lt; Div class = "ui fluid form sub_form" & gt; & Lt; H3 class = "UI header" & gt; Sign in & lt; / H3 & gt; & Lt; Div class = "field" & gt; & Lt; Div class = "ui left label icon input" & gt; & Lt; Input type = "text" id = "txtUserName" placeholder = "user name" name = "login_name" & gt; & Lt; I class = "user icon" & gt; & Lt; / I & gt; & Lt; Div class = "ui corner label" & gt; & Lt; I class = "mark asterisk" & gt; & Lt; / I & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "field" & gt; & Lt; Div class = "ui left label icon input" & gt; & Lt; Input type = "password" placeholder = "password" name = "login_ps" & gt; & Lt; I class = "lock icon" & gt; & Lt; / I & gt; & Lt; Div class = "ui corner label" & gt; & Lt; I class = "mark asterisk" & gt; & Lt; / I & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "ui blue submit button" & gt; Login & lt; / Div & gt; & Lt; Div id = "result" square = "ui compact message" & gt; & Lt; / Div & gt; & Lt; Div id = "json_obj" class = "ui compact message" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;
JQuery code:
$ (document) .ready (function () {$ (".ui.form"). Submit (function (event )) {Console.log ($ (this) .serializeArray ()); event.preventDefault ();});});
Expects a form
element and does not Div
. Change it to a form and it will work.
Comments
Post a Comment