Validate Field with javaScript

Question

Validate Field with javaScript

Navigation

#1 by (0 votes)
#2 by (0 votes)

1

I need to validate some field, forcing the user to provide the data before saving to a bank, if it does not provide the data, the border of the control goes red stating that there is something wrong with the field.

I've already been able to validate by javascript in the onBlur event for the field to become red, but when I save the save button from a post on the page and the fields that were with the red border lose color.

How can every page post call the javascript, to validate the fields?

the code in javascript

function ValidatxtECFNrSerie(controle) {

                if (controle == '') {
                    $('#' + '<%= txtECFNrSerie.ClientID %>').addClass('validationError'); 
                }
                else {
                    $('#' + '<%= txtECFNrSerie.ClientID %>').removeClass('validationError');
                }

        }'

     <asp:Label ID="lblNrSerieECF" Text="Nr. Série ECF/SAT:" runat="server" />
           </div>
                <div class="dataForm">
                        <asp:TextBox ID="txtECFNrSerie" runat="server" MaxLength="15" Width="150px" onBlur="javascript:ValidatxtECFNrSerie(this.value)"></asp:TextBox>
           </div>

javascript asp.net

asked by anonymous 18.12.2015 / 19:49

2 answers

0

There's a dirty way to do this:

<% if(Request.IsPostBack){ %>
jQuery(function() {
      ['<%= txtECFNrSerie.ClientID %>', '<%= Outro1.ClientID %>', '<%= OutroEAssimPorDiante.ClientID %>'].forEach(function(id) {
          ValidatxtECFNrSerie($(id).val();
          });
      });
<% } %>

18.12.2015 / 20:09

@ Html.DropDownListFor Default item in the first list values How to send a message through Facebook Messenger? [closed]

score 0 · Accepted Answer

I've generated a jQuery extension, whether it helps.

Note that both blur and submit it validates the fields

var validForm = false;

(function (jQuery){
	jQuery.fn.validate = function(callbackCheck, callbackError){
	
		var focus = false;
		var pass = true;

		var classError = 'error-input';

		jQuery(this).each(function(){
			var value = jQuery(this).val();
			if(value == '' || (typeof(callbackCheck) == 'function' && callbackCheck(this))){
				jQuery(this).addClass(classError);
				pass = false;
				
				if(!focus){
					jQuery(this).focus();
					focus = true;
				}

				if(typeof(callbackError) == 'function'){
					callbackError(this);
				}
			}else{
				jQuery(this).removeClass(classError);
			}
		});
		
		validForm = pass;
		
		return this;
	};
})(jQuery);

function formValidate(_this){
	jQuery(_this).find('input[type!="submit"],select').validate();
}

function inputValidate(_this){
	jQuery(_this).validate();	
}

.error-input{
  border: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><formonSubmit="formValidate(this)" action="javascript:void(0);" method="post">
  <input type="texte" onBlur="inputValidate(this)"/>
  <input type="texte" onBlur="inputValidate(this)"/>
  <input type="submit"/>
</form>