Question

enter image description here我正在寻找一些解决方案，以消除边缘中必填字段的默认验证消息。

我已经用Chrome解决了这个问题，并且消失了红色边框。我有以下HTML代码：

const

和CSS代码：

<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>

谢谢！

Answer 1

从字段中删除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>

消除边缘中必填字段的默认验证消息

1 个答案: