我怎麼可以添加輸入類型屬性相同的名稱類似值與jQuery

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

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

請注意，這不會檢查您設置的類型是否有效。查看詳情jQuery.prop()。

Answer 2

如果你想在同一類型的每個輸入，如：文本，使用下面的代碼。

$(":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以及下面的輸入類型其他輸入：

文本，日期，日期時間，電子郵件，網址，日期時間本地

給出了所有可能的輸入類型屬性值的列表：here.