由于手动插入值,验证失败

时间:2017-11-17 16:00:24

标签: html angularjs validation

使用此

手动插入文件名的值
<input type="file" ngf-select ng-model="file" name="file" id="file" onchange="document.getElementById('fileName').value = this.value.split('\\').pop().split('/').pop()" required>

使用用户选择的文件将文件名注入到fileName字段中。验证失败,因为它将该字段视为仍然为空,直到我至少再插入一个字符。我该怎么做才能解决这个问题?

这是验证部分

<p ng-show="fileNameForm.fileNameInput.$error.required && fileNameForm.fileNameInput.$touched" class="help-block">File name is required.</p>

实际文字字段

<input name="fileNameInput" class="form-control" type="text" id="fileName" ng-model="document.fileName" ng-maxlength="255" required>

1 个答案:

答案 0 :(得分:0)

如果以编程方式更改模型而不是通过更改输入值

,则不会评估

on change

您可以使用$ scope。$ watch来检测ng-model上的更改

token = Base64.encode64("#{user}:#{pass}").strip
uri = URI("https://example.com/")

http = Net::HTTP.new(uri.host, uri.port)
http.use_ssl = true
http.verify_mode = OpenSSL::SSL::VERIFY_NONE

request = Net::HTTP::Get.new(uri.request_uri)
request["authorization"] = "Bearer #{token}"
request["Content-Type"] = "application/json"
response = http.request(request)

info(response.body)
response