如何在cakephp中使用javascript驗證我的html表單控件？

Question

我正在使用一個彈出窗口並在其中應用表格。 現在，我希望使用javascript驗證控件。 但是，每當我嘗試提交表單時，它根本不會驗證我的表單字段，而只是提交頁面

我的js代碼如下：

function validateForm()
 {  
    var regex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
    var uname = document.getElementById('user_name').value;
    if(uname=="")
    {
        alert("You cannot leave the email field empty");
        return false;
    }
    else if(uname.search(regex) == -1)
    {
        alert("Invalid email address format");
        return false;
    }
    else
    {
        return true;
    }
    return true;

 }

我的HTML div代碼如下。 我使用div是因為我的彈出窗口僅從該div加載：

<div id="logincontent">
<div class="form-box-top">
    <div class="form-box-bottom">
    <?php echo $this->Form->create('User',array('controller' => 'users', 'action' => 'login', 'id'=>'login', 'name'=>'login','onsubmit'=>'return validateForm();'));?>
        <div class="form-box-middle">
            <div class="login-form">
                <div class="re-title3">
                    <a class="pass" onclick="forget();" href="#">forgot password</a>
                </div>
                <div class="input-row">
                    <label>EMAIL</label>                    
                    <?php echo $this->Form->input('username', array('label' => '','class'=>'required','style'=>'margin: -5px 0px 0px 24px;','id'=>'user_name')); ?>
                </div>
                <div class="input-row"> 
                    <label>PASSWORD</label>
                    <?php echo $this->Form->input('password', array('type'=>'password','class'=>'required','label' => '','style'=>'margin: -5px 0px 0px 24px;')); ?>
                </div>
            </div>
            <div class="button_3">
                <?php echo $this->Form->submit('',array('label' => '','class'=>''));?>
            </div>
            <div class="button_3_1">
            <a style="background: url(<?php echo $this->webroot       ?>/images/registor-bt2.png) no-repeat left top;
float: left;border: 0px;width: 236px;height: 47px;" onclick="register()"; href="#"></a>
            </div>
            <div class="cr"></div>
        </div>
    <?php echo $this->Form->end(); ?>
    </div>
</div>

現在，每當我提交表單時，我都希望通過js函數驗證我的字段

我已經嘗試了很多，但不知道它會帶來惡意結果還是無法預測的結果。

任何建議將被接受和贊賞。

提前感謝...

Answer 1

如果尚未使用Firebug，請安裝它。

我建議使用JQuery UI對話框->模態表單和驗證

如果您不想使用它，則可能至少要查看第16行提供的正則表達式代碼。