Question

我已经包含了jquery文件和HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

HTML：

<form action="http://www.google.com" onSubmit="return validate();">
        <input type="url" required="true" name="URL" >
        <input type="submit" value="Submit">
</form>

当我提交带空字段的表单时，请输入消息＆＃34;请填写字段＆＃34;。我想提供自定义信息。

我该怎么办？

Answer 1

您可以使用setCustomValidity：

<form action="http://www.google.com" onSubmit="return validate();">
  <input type="url"
    oninvalid="setCustomValidity('custom message ')"
    onchange="try{setCustomValidity('')}catch(e){}" required="true"  />
  <input type="submit" value="Submit">
</form>

在mozilla中，可以使用以下方法获得：

x-moz-errormessage="custom message"

在你的情况下有两种情况;空白和自定义消息。对于这种特殊情况以下代码将起作用：

<form action="http://www.google.com" onSubmit="return validate();">
  <input type="url"
    oninvalid="setCustomValidity(validity.typeMismatch
                                      ? '(custom) wrong url '
                                      : '(custom)Field cannot be blank ')"
    onchange="try { setCustomValidity('') } catch (e) {}" required="true"  />
  <input type="submit" value="Submit">
</form>

您可以根据您的要求编写自己的代码，参考以下页面

Constraint Validation: Native Client Side Validation for Web Forms

请尝试以下链接，我没有尝试过，但它可能对您有所帮助， Custom messages in HTML5

jquery表单URL验证自定义消息

1 个答案: