if user dose not select the value from the auto list

Question

0.00/5 (No votes)

See more:

Hi good afternoon to all.

Here i'm providing a auto list to the user.If the user enter a value like S then the auto list shows all the values starting with S,but user didn't select value from the auto list and click the insert button then in the table save the value with S.

Here my requirement is if user didn't select any value from the auto list then get a alert my select any value....when click the insert button.

please help to resolve this issue.

Thanks in Advance.

Posted 22-Sep-15 23:18pm

RamAchanta

Add a Solution

Comments

aarif moh shaikh 23-Sep-15 6:58am

is this list coming from DB? if yes ... before saving data you have to check first your textbox value into DB

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Member 12003400 · Answer 1 · 2015-09-23T00:05:00

Solution 1

Take a hidden field. When user select a value from your auto list starting from s, you assign that value to hidden field. While inserting data check if hidden field is null or not. That will solve your issue.

Posted 23-Sep-15 0:05am

Member 12003400

Updated 23-Sep-15 0:06am

v2

Comments

RamAchanta 23-Sep-15 6:19am

thank you...

RamAchanta 23-Sep-15 6:20am

can you give any example for that.

Member 12003400 23-Sep-15 6:37am

select: function (event, ui) {
if (ui.item) {
var check = ui.item.id;
document.getElementById('Hiddenfieldid').value = check;
}
}

and then on insert button click

function functioninsert() {
var val1;
if ($("#Hiddenfieldid"))
val1 = $("#Hiddenfieldid").val();
if (val1== null || val1 == "") {
alert("Please Select Value.");
return false;
}
}

RamAchanta 23-Sep-15 6:39am

thank you so much...

Member 12003400 23-Sep-15 6:40am

Please accept answer if it works. SO this query can be closed.

RamAchanta 23-Sep-15 7:15am

here i'm giving my code please modify this. Because var check = ui.item.id this is getting undefaind and val1 = $("#Hiddenfieldid").val() this is Cary the value of S so the condion if (val1== null || val1 == "") {
alert("Please Select Value.");
return false; not works.

But My requirement is if user didn't select any value from the auto list then it should raise the alert.

please modify my code

var x = $('#txtCountry').val();
$.ajax({
url: "/abc/xyz",
type: "POST",

dataType: "json",
data: { term: x },
success: function (data) {
response($.map(data.countrylist, function (item, r) {
debugger
return {
label: item,
ItemId: item.ItemId
}
}));
},
messages: {
noResults: "", results: ""
},

and in insert

country = $('#txtCountry').val();

if (country == "") {
alert("required");
return false;
}

Member 12003400 23-Sep-15 7:31am

Use auto complete for your auto list.
Here select will execute only if we select value from suggested list.Than only it will assign value to hidden field else it will be blank.
$("#Textbox").autocomplete({
source: function (request, response) {
$.ajax({
url: '@Url.Action("", "")',
type: "GET",
dataType: "json",
data: { term: request.term },
success: function (data) {
response($.map(data, function (item) {
return {
lable: item.Name,
value: item.Name,
id: item.Id,
}
}));
},
});
},
select: function (event, ui) {
if (ui.item) {
var check = ui.item.id;
document.getElementById('hiddenfield').value = check;
}
},
minLength: 2,
});

RamAchanta 23-Sep-15 7:52am

doesn't work...

Here once again i gave my code
please help to resolve

$("#txtCountry").autocomplete({
source: function (request, response) {
var x = $('#txtCountry').val();
$.ajax({
url: "/abc/xyz",
type: "POST",
dataType: "json",
data: { term: x },
success: function (data) {
response($.map(data.countrylist, function (item, r) {
debugger
return {
label: item
}
}));
},
messages: {
noResults: "", results: ""
},
}
},
minLength: 1
})
}
});
});

in insert botton

country = $('#txtCountry').val();//here value is cary but my requirement is user didn't select any value then it should be empty.

if (country == "") {
alert("required");
return false;
}

Member 12003400 23-Sep-15 7:59am

after your ajax request write this select code.Thats what i am telling you since my first reply.

select: function (event, ui) {
if (ui.item) {
var check = ui.item.id;
document.getElementById('Hiddenfieldid').value = check;
}

RamAchanta 23-Sep-15 8:02am

but here i'm getting check is undefined.

RamAchanta 23-Sep-15 8:05am

and where i get this document.getElementById('Hiddenfieldid').value = check;

because there is no id with Hiddenfieldid in my design my design is
<tr>
<td>@Html.Label("Country")</td>
<td>@Html.TextBox("txtCountry")</td>
</tr>

Member 12003400 23-Sep-15 8:12am

Refer below link.
http://www.codeproject.com/Tips/746697/Auto-Complete-TextBox-Using-jQuery-and-ASP-NET-MVC

Execute select and on select assign value in hidden field.

RamAchanta 23-Sep-15 8:18am

thanks for your link... but here not to display values, need if user didn't select any value then raise alert.

Member 12003400 23-Sep-15 8:25am

I have already understood your question. Only point to giving this link, what here they are doing is on selection displaying value, what you have to do on selection you have to assign value to hidden field.Than on insert function check hidden field value.

RamAchanta 23-Sep-15 8:28am

thank you.