Избавление от сообщений проверки по умолчанию для обязательных полей в ребре - PullRequest
Новая
       0

Избавление от сообщений проверки по умолчанию для обязательных полей в ребре

0 голосов
/ 13 сентября 2018

введите описание изображения здесь Я ищу решение для избавления от сообщений проверки по умолчанию для обязательных полей в ребре.

Я уже решил эту проблему в Chrome и исчезкрасная граница.У меня есть этот код HTML: 

<div>
  <span>{{'First_Name' | translate}}</span>
  <span class="required-mark pc-only">*</span>
  <input name="fname" ng-model="$ctrl.formData.firstName" ng-change="$ctrl.updateField('firstName')" placeholder="{{'First_Name' | translate}}*" ng-focus="fnameVisited=true; fnameFocus=true;" ng-blur="fnameFocus=false;" ng-pattern="/^[\x20-\x2F\x3A-\x3B\x41-\x7E]*$/" required ng-minlength="2" ng-maxlength="40" oninvalid="setCustomValidity(' ')"/>
  <div ng-messages="member1.fname.$error" ng-if="(fnameVisited && !fnameFocus) || $ctrl.formSubmitted">
    <div ng-message="minlength" class="error-message">{{ 'err_length' | translate }}</div>
    <div ng-message="maxlength" class="error-message">{{ 'err_length' | translate }}</div>
    <div ng-message="required" class="error-message">{{ 'err_required' | translate}}</div>
    <div ng-message="pattern" class="error-message">{{ 'err_english' | translate}}</div>
  </div>
</div>

и код CSS: 

  input, select {
    width: 336px;
    height: 35px;
    float: right;
    padding-left: 12px;
    border: 1px solid $c-border-gray-1;
    font-family: 'open sans';
    background-color: $c-white;
    color: $c-gray-input-text;
  }

  input::placeholder {
    color: $c-white;
  }

  input:required:invalid {
    outline: none;
  }

  textarea:required:invalid {
    outline: none;
  }

спасибо !!

1 Ответ

0 голосов
/ 13 сентября 2018

Удалите атрибут required из поля. Я имею в виду, так как вы не изменяете само сообщение об ошибке, зачем делать это поле обязательным.

Обновление 

<form action="hey.php" id="hi">
<input id="required" onblur="check()">

</form>

<script>
var x=document.getElementById("required");
var y=document.getElementById("form");

function check()
{
if(x.value=='')
{
alert('please fill that field');
y.acton="#";
}
}




</script>
...