js中的空间验证?

时间:2013-02-14 13:26:47

标签: javascript html5

我想限制在网站名称上使用空格(这里)..

<tr>
    <td>
        <h4>Website Name</h4>
    </td>
    <td>
        <input type="text" name="wname" id="wname" size="30" required  onfocus="validateWebsite();" oninput="validateWebsite();">
        <select name="domain">
            <option selected>.com</option>
            <option>.in</option>
            <option>.net</option>
            <option>.org</option>
            <option>.edu</option>
            <option>.int</option>
        </select>
    </td>
</tr>

main.js文件包含以下代码 我想限制用户输入空格。使用可用的代码它不起作用:

function validateWebsite()  {
    var s = document.getElementById('wname');
    if (s.indexOf(" ") !== -1){
        wname.setCustomvalidity('');
    }else{
        wname.setCustomValidity('Invalid Website');
    }
}

2 个答案:

答案 0 :(得分:3)

此:

if (s.indexOf(" ") !== -1)

应该是:

if (s.value.indexOf(" ") === -1)

此外,第一个setCustomvalidity拼写错误(小写&#39; v&#39;)。

答案 1 :(得分:1)

试试这个......

    var s = document.getElementById('wname').value;
    if(s.trim().length == 0 || s.trim().indexOf(' ') != -1)
    {
         // Your code when string is just blank or having spaces
    }
    else
    {
         // Your code when string is not blank and not having any spaces
    }

希望它有所帮助...