javascript - 如何通过 onclick 事件检查输入是否仅包含大小写字母、数字和破折号？

Question

如何通过 onclick 事件检查此表单中的输入是否仅包含大小写字母、数字和破折号？

<form id="domaincheck" class="form-inline ltr" method="post">
    <input type="text" class="form-control center input-md" name="sld" id="sld" placeholder="pleade enter domain name" required>
    <select class="form-control ltr input-md input-group-addon" id="tld" name="tld" multiple="multiple">
        <option value="com" selected="">.com</option>
        <option value="net">.net</option>
        <option value="org">.org</option>
    </select>
    <button type="button" class="btn btn-info" onclick="get_whois()">check!</button>
</form>

<script>
function get_whois(){
    var sld = $('#sld').val();
    if (sld.length == 0) {
        alert('plase enter domain name!');
        return false;
    }
    if (sld.length <= 3) {
        alert('at least 4 chars');
        return false;
    } else {
        //do something
    }
}
<script>

Answer 1

使用regular expressions可能是最好的方法。

使用 JavaScript test使用正则表达式 /[0-9_a-zA-Z]+$/g 使用正则表达式测试字符串。

这里是学习和测试的好地方your regex

JS

function validate(val) {
     var re = /^[0-9_a-zA-Z]+$/g;
     return re.test(val); //validates regex on val and return true if passed.
}

function get_whois(){
var sld = $('#sld').val();
if (sld.length == 0) {
    alert('plase enter domain name!');
    return false;
}
if (sld.length <= 3) {
    alert('at least 4 chars');
    return false;
} else if(!validate(sld)){ // call validate function defined above here
    alert('Allowed A-Za-z0-9_ only.');
    return false; 
  }else{
       //do something 
  }
}