我如何使用jQuery添加与名称值相同的输入类型属性

how i can add input type property the same like a name value this input with jquery

本文关键字:输入 属性 类型 何使用 jQuery 添加      更新时间:2023-09-26

我有以下输入字段:

<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.
$(":not(input[type=submit])").prop("type", function (i, p) { return this.name; });

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

如果要使每个输入的类型相同,例如:text,请使用以下代码。

$(":not(input[type=submit])").prop("type", $(this).val());
<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>

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

文本,日期,日期时间,

电子邮件,网址,日期时间本地

给出了

所有可能的输入类型属性值的列表:这里。