2

I have following script running on my site. Users have to enter "testnumber" which is 10 character long. There is a length check validation. When users click on submit button my script does work smoothly.

But the problem is that when users press the enter key instead of mouse click, it does not warn the users. How can i change it so that when the users press the enter key this script will give the same message as they click on submit button?

<script type="text/javascript">
    function isNumber(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
    }
    function formvalidation(form) {
        var isSubmitting = false;
        var value = document.getElementById('testnumber').value;
        if (value.length == 10) {
            if (isNumber(value)) {
                isSubmitting = true;
            }
        }
        if (isSubmitting) {
            form.submit();
        }
        else {
            alert('testnumber must be at least 10 character.');
            return false;

        }
    }
</script>

This is the part of the html code:

<tr>
    <td align="center">
        <label>
            <div align="left">
                <span class="text7"><strong>enter testnumber:</strong></span>
                <input name="testnumber" type="text" id="testnumber" size="50" value="<%=(testnumber)%>" />
                <input name="search" id="search" type="button" class="normalmail" value="Search" onclick="formvalidation(frmSearch);" />
                                &nbsp;&nbsp;
            </div>
        </label>
    </td>
</tr>
4

1 に答える 1

3

これが役立つことを願っています

<from onsubmit="return formvalidation()">
<tr>
                    <td align="center">
                        <label>
                            <div align="left">
                                <span class="text7"><strong>enter testnumber:</strong></span>
                                <input name="testnumber" type="text" id="testnumber" size="50" value="<%=(testnumber)%>" />
                                <input name="search" id="search" type="button" class="normalmail" value="Search" onclick="formvalidation(frmSearch);" />
                                &nbsp;&nbsp;
                            </div>
                        </label>
                    </td>
                <!-- </tr></tr> -->
</form>

あなたのスクリプト

<script type="text/javascript">
    function isNumber(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
    }
    function formvalidation() {
        var isSubmitting = false;
        var value = document.getElementById('testnumber').value;
        if (value.length > 10 && value.length < 10) {
            alert('testnumber must be at least 10 character.');
            return false
        }
        else if (isSubmitting) {
            return true
        }
        else {            
            return false;
        }
    }
</script>
于 2013-06-28T09:02:17.387 に答える