Question

我有以下输入字段：

<form id="validate">
        <input name="name" value="" validate-required />
        <input name="email" value="" validate-required validate-email/>
        <input name="date" value="" validate-date/>
        <input name="ip" value="" validate-regexp="^\d+\.\d+\.\d+\.\d+$" />
        <input type="submit" value="Send" />
    </form>

我需要为每个字段添加一个类型值，如名称值，但使用jQuery。

到目前为止，我已经尝试过这个：

$(":not(input[type=submit])").prop("type", ????); I don't know what I must write on ???? place.

Answer 1

如果要创建相同类型的每个输入，例如：text，请使用以下代码。

＆＃13;

$(":not(input[type=submit])").prop("type", $(this).val());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="validate">
  <input name="name" value="" validate-required />
  <input name="email" value="" validate-required validate-email/>
  <input name="date" value="" validate-date/>
  <input name="ip" value="" validate-regexp="^\d+\.\d+\.\d+\.\d+$" />
  <input type="submit" value="Send" />
</form>

＆＃13;

对于代码中的其他输入，您还可以使用HTML5中支持的以下输入类型：

text，date，datetime，email，url，datetime-local

给出了所有可能的输入类型属性值的列表：here.

Answer 2

$(":not(input[type=submit])").prop("type", function (i, p) { return this.name; });

请注意，这不会检查您设置的类型是否有效。有关详细信息，请参阅此jQuery.prop()。

我如何添加输入类型属性，就像使用jquery这个输入的名称值一样

2 个答案: