We Keep Coding

Input doesn't show its value in console

I have written this:
var $emailLogin = document.querySelector('#emailLogin')
var Email = ''
function emailLogin () {
Email = this.value
}
$emailLogin.addEventListener('input', emailLogin)
function myFunction() {
console.log(Email)
}
$loginBtn.addEventListener('click', MyFunction)
But console doesn't show input's value
It's empty like shown. I have no idea how to fix it

You should try and avoid global variables. The following will get you what you want without any "collateral damage" to the global name space:
document.querySelector('#button').addEventListener('click',function(ev){
console.log( document.querySelector('#emailLogin').value )
})
<input type="text" id="emailLogin"><button id="button">login</button>

In JavaScript, you could try this:
document.getElementById('ButtonID').addEventListener('click',function(){
console.log(document.getElementById('emailLogin').value);
});

HTML select onChange doesnt work

I am not any kind of proficient in JavaScript.
So I wrote a simple function to use on HTML SELECT, but it doesn't work.
JavaScript:
<script type="text/javascript" language="JavaScript">
function changeFormAction() {
var value = document.getElementById("format");
if (value == "freeText") {
document.getElementById("regularExpression").setAttribute("disabled", false);
}
}
</script>
HTML:
<select id="format" name="customFieldType" onChange='changeFormAction()'>
...
</select>
<input id="regularExpression" type=text size=5 name="format" disabled="true">
Any help will be highly appreciated

value in your code contains the element "format". Usually, to get the value, you just add .value as suffix. But since this a select/dropdown you'll have to do:
var element = document.getElementById("format");
var value = element.options[element.selectedIndex].value;
var text = element.options[element.selectedIndex].text;
Now value and text will contain the different strings like below:
<option value="thisIsTheValue">thisIsTheText</option>
Use either to compare with. I'll use both below to show as an example:
function changeFormAction() {
var element = document.getElementById("format");
var sValue = element.options[element.selectedIndex].value;
var sText = element.options[element.selectedIndex].text;
if (sValue == "freeText" || sText == "freeText") {
document.getElementById("regularExpression").removeAttribute("disabled");
}
}

The issue is something else.. It does hit changeFormAction function on change of customField select list..
var value = document.getElementById("regularExpression");
is wrong usage..
you should use it as
var value = document.getElementById("regularExpression").value
And adding from comments for disabling it also can be
document.getElementById("regularExpression").removeAttribute("disabled");

This wont work because you are trying to fetch text box value using document.getElementById("regularExpression").value;
But on page load you are not having any thing as default value in text box
You might be needed to fetch value of select box.

I think you need something like this:
http://jsfiddle.net/ew5cwnts/2/
function changeFormAction(value) {
if (value == "freeText") {
document.getElementById("regularExpression").removeAttribute("disabled");
}
}
HTML:
<select name="customFieldType" onchange='changeFormAction(this.value)'>

Get name of form element

i have this simple JS for validating form, can someone tell me how to get name of field (you know, name=""), it should be where NameOfSomefield is now :S I tried with someField.tagName but no luck...
function validateForm(){
var someField = document.forms["nameofofrm"]["someField"].value;
if (someField==null || someField=="") {
alert("You cannot leave blank this field: ".NameOfSomefield);
return false;
}
}

var name = element.getAttribute("name");

If you want a jQuery approach, you may use:
let elementName = $('#element_id').attr('name')
You can find more information about jQuery selectors here

how can i console.log how the #form values will be sent?

i know we can manally log any input value by its selector
console.log('inputName='+$('#inputId').val()+'....)
But is there -simpler- a way to log all input values? if it's posible to do it when any input changes

You can use serialize to serialize the form elements to a string for logging. It follows the same rules for including or not including elements as normal form submission. The only caveat is that the content of input type="file" fields isn't serialized, for perhaps obvious reasons.
To fire it when any of the inputs changes:
$("form :input").change(function() {
console.log($(this).closest('form').serialize());
});
Live demo using the form shown in the documentation

You may get in form of query string using $("form").serialize().

This would log the form every time anything changes:
$("form :input").change(function(){
console.log($("form").serialize());
});
Edit:
Removed my focusout suggestion, as I realized that change is actually only fired when the element looses focus.

I made this little component:
$("form :input").change(function() {
var fields = $(this).closest('form').serialize();
serialize_to_console( fields );
});
/*
SERIALIZE TO CONSOLE
Transforms string to array and show each param in console if not empty */
var serialize_to_console = function( serialized ) {
var splited_serialized = serialized.split('&');
$.each( splited_serialized, function(index, key) {
var input = key.substr(0, key.indexOf('='));
var value = key.substr( key.indexOf('=') + 1 );
if( value !== '' )
console.log( '[' + input + '] = \'' + value + '\'' );
});
}
Enjoy!

Getting error while accessing hiddenfield's value set using jquery?

i have a hidden field. and its value is set using JavaScript,for this my code is:-`
function Selected(obj, id) {
var hdd = $('[id$=hdd_jobid]')
$("#tableOne tr").removeClass("selected");
$("#tableOne tr").addClass("even");
if (obj.className != 'selected') {
obj.className = 'selected';
hdd.val= id;
alert(hdd.val);
}
else {
obj.className = 'prev_class';
}
}
</script>`
its working but when i m accessing hidden field's value at server side its coming null.. I don't know what i have to do.. please help

value won't work, should be: hdd.val(id); alert(hdd.val());

Instead of hdd.value = id use hdd.val('id') since you have a jQuery object.

Request.Form[hidData] or hiddata.Value
at server side retrive the hidden field value