How to action a form with JavaScript [closed] - javascript

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I'm new in this domain so please excuse me if I don't speak technically correct.
I have a form with a red border. When I enter a character in the form, the red border has to disappear. How can I do this in JavaScript?
Thank you very much!

$(function(){
$('form').submit(function(){
event.preventDefault();
});
$('input').on('keyup',function(){
if($(this).val() === ""){
$(this).addClass('error');
} else {
$(this).removeClass('error');
}
});
});
.error {
border-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<form>
<label> Your Name:
<input type="text" placeholder="enter name"/>
</label>
<button type="submit">Submit</button>
</form>

Related

How to add more value with existing value in text field by jquery [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
This code are working fine, but when I write on "#sub_id" field then remove all existing value on "#landing" field but I can not remove, I need to add "#sub_id" after "#landing" value.
<html>
<body>
<form>
<label for="p_url">landing page</label>
<input type="text" id="landing" name="p_url" placeholder="Campaign Name" value="www.example.com?" readonly>
<label for="pi">Promotional Info</label>
<input type="text" id="sub_id" name="pi" placeholder="sub_id">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#sub_id").keyup(function(){
$("#landing").val($("#sub_id").val());
});
});
</script>
</body>
</html>
Try with:
$("#landing").val($("#landing").val() + $("#sub_id").val());

Add value textbox whe onChange [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I want add value textbox into another textboxt when onchange
like this totorial but this tutorial save value to alert
$('#selector').change(function () {
alert($('#selector').val());
});
<input type="text" id="selector">
<input type="text" id="value">
tutorial
I want to be like this
how can I make it?
$('#selector').change(function () {
alert($('#selector').val());
$('#selector2').val($('#selector').val())
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input type="text" id="selector">
<input type="text" id="selector2">

Autocomplete by the first letter on PURE JavaScript [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
Is there some way to make autocompleting by the first letter for select dropdown list not on jQuery but on PURE JavaScript? Something like [only example !!!]:
<input type="text" onkeyup="autoComplete();" />
<select id="mySelectDropdwonList">
<option>John</option>
<option>Michael</option>
<option>Toml</option>
</select>
<script type="text/javascript">
function autoComplete() {
// what is the code ??
}
</script>
It should work like the jQuery-solution by the link http://harvesthq.github.io/chosen/ but on pure JS
A solution just in HTML5:
<input type="text" list="mySelectDropdwonList" />
<datalist id="mySelectDropdwonList">
<option>John</option>
<option>Michael</option>
<option>Toml</option>
</datalist>

How do I highlight a filter button when it is clicked? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I have created a filter button. When clicking it the filter button should be highlighted via shadow. Can please anybody give some suggetions?
Here you go:
.myfilter:focus {
box-shadow: 0 0 0 4px #FFFF00; /* use any color you like*/
}
<input class="myfilter" type="text" placeholder="click me" value="">
<input class="myfilter" type="button" value="Click me too">
I used CSS focus to highlight the input when it is clicked

Call function on pass input in textbox [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I want to call the function in every input pass on textbox, but it does not work., either when i enter any input or remove input..it is work like intellisense textbox
<input id="btnSearch" type="text" value="Search" class="search_btn" onchange="Call()" />
<script>
function Call()
{
alert("Me");
}
</script>
Probably what you want to do is -
<input id="txt_Search" type="text" onchange="Call()" />
<script>
function Call()
{
alert("Search suggestions can come here!!");
}
</script>
Or, using simple jQuery
$("#txt_Search").keyup( function() {
var searchQuery = $("#txt_Search").val();
alert("Seacrh suggestion satrting with - " + searchQuery);
});
you can also use textbox events -
<input id="txt1" type="text" onchange="SetDefault($(this).val());" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">
jquery -
function SetDefault(Text){
alert(Text);
}
Try This

Categories