Question

我使用下面的代码要求用户对他们最喜欢的糖果进行排名（优先排序）。用户需要排名1-3（1是最好的）

<form id="form1" name="form1" method="post" action="">
<input type="number" name="cake" id="cake" required="required" max="3" min="1"/>Cake     <br />
<input type="number" name="twizlers" id="twizlers"required="required" max="3" min="1"/>Twizlers <br />
<input type="number" name="taffy" id="taffy" required="required" max="3" min="1"/>Taffy <br /><br />
<input type="submit" name="button" id="button" value="Submit" />
</form>

我正在使用HTML 5编码以确保它们仅使用数字1,2和3，但我怎样才能确保它们不会使用相同的数字两次？是否有我可以使用的HTML输入代码或是否需要一些JavaScript代码？如果需要javascript，你有什么建议？

Answer 1

function LetterCapitalize(str) { 
  return str.replace(/(^| )([a-z])/g, function(x,y,z) {
    return y+z.toUpperCase()
  }
    )
}
console.log(LetterCapitalize('foo bar buz'))

这将有效，否则您可以使用单选按钮。

Answer 2

您可以使用JS检查用户仅对具有单个值的项目进行排名，并且无法再次对该项目进行排名。您可以使用JS来执行此操作。插入输入字段的ID，然后

    document.getElementById("your_id").disabled = false;
    document.getElementById("your_id").disabled = false;
    document.getElementById("your_id").disabled = false;

    var var1 = document.getElementById("your_id");
    var1.onchange = function () {
    if (this.disabled == true) {
     document.getElementById("your_id").disabled = true;
     }
    }

因此请检查三项。

HTML表单编号类型唯一用户输入

2 个答案: