使用HTML5中的Javascript进行输入验证

时间:2014-09-18 05:00:09

标签: javascript html5

我正在寻找的是一种在我的Javascript函数中控制输入验证(HTML5)的方法,现在我有了这个:

function validate_select(combo){
    var index = combo.selectedIndex;

    if(index == 0){
        combo.setCustomValidity('Choose an element.');
        return false;
    }else{
        return true;
    }
}

if(validate_select(combo_product)){
    //do something and then reset combo
    combo_product.selectedIndex = 0;
}

哪个工作正常,就像我想要的那样,但我有一些其他元素(没有形式),我想像组合一样触发验证,但我没有使用一些customValidity,而是想使用HTML5默认验证。任何帮助都是值得赞赏的。

是否有可能或者我只是让它变得复杂? (也许更简单的替代方案?)

如果可能的话,我想获得一个非jQuery解决方案。

1 个答案:

答案 0 :(得分:0)

<form action="" method="#">
  <select required="required">
     <option value="" selected> Please Select </option>
     <option value="1"> option 1 </option>
     <option value="2"> option 2 </option>
     <option value="3"> option 3 </option>
</select>
 <input type="submit" value="submit" />

http://jsfiddle.net/036easd8/