0
事前に感謝します。私はcakephpを新しくしました。私はcakephp 2.8.5バージョンを使用しています。実際に私はjquery.validate.min.jsファイルをダウンロードしてadd.ctpファイルであるadd user formを検証しました。このファイルでは、ライブラリファイルを含めるためにjqueryのバリデーションはcakephpのフォームでは機能しません
を使用しています。 add.ctpファイルでjqueryの検証コードがうまくいない場合でも私はdata[User][username]の代わりにこの"data[User][username]"のようなユーザー名のテキストボックスフィールドに二重引用符を使用する必要があるというGoogleからの参照を得ました。しかし、私のフォームでは、ユーザ名フィールドにdata[User][username]を使用する必要があります。私は検証コードを書いたが、何のエラーもない。誰も私にこれを行う方法を手伝ってください。確認のために、私は電話のテキストボックスフィールドまでの検証コードを書いています。
私のadduser.ctpファイルは以下のとおりです。
<!DOCTYPE html>
<html lang="en">
<head>
<?php echo $this->Html->css('sb-admin-2'); ?>
<?php echo $this->Html->css('sb-admin-2.min'); ?>
<?php echo $this->Html->script('sb-admin-2'); ?>
<?php echo $this->Html->script('sb-admin-2.min'); ?>
<?php echo $this->Html->css('jquery-ui.min');?>
<?php echo $this->Html->script('jquery');?>
<?php echo $this->Html->script('jquery.validate.min');?>
<?php echo $this->Html->script('jquery-ui.min');?>
<?php echo $this->Html->css('bootstrap.min');?>
<?php echo $this->Html->script('bootstrap');?>
<?php echo $this->Html->script('bootstrap.min'); ?>
<style type="text/css">
</style>
<script>
$(function() {
// Setup form validation on the #register-form element
$("#UserAddForm").validate({
// Specify the validation rules
rules: {
"data[User][username]": "required",
"data[User][password]": {
required: true
minlength: 5
},
"data[User][full_name]": "required",
"data[User][email]": {
required: true,
email: true
},
"data[User][phone]": "required",
//'role': "required"
},
// Specify the validation error messages
messages: {
"data[User][username]": "Please enter the Username",
"data[User][full_name]": "Please enter your Full Name",
"data[User][password]": {
required: "Please provide a password",
minlength: "Your password must be atleast 5 characters long"
},
"data[User][email]": "Please enter a valid email address"
},
submitHandler: function(form) {
form.submit();
}
});
});
</script>
</head>
<body>
<div id="wrapper">
<div>
<div class="row">
<div class="col-lg-12">
<h3 class="page-header">Add User</h3>
</div>
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
<div class="row">
<div class="col-lg-8">
<div class="panel panel-default">
<div class="panel-heading">
<!-- Form Name -->
Enter User Details
</div>
<div class="panel-body">
<div class="row">
<div class="col-lg-6">
<form role="form" name="add_userform" role="form" accept-charset="utf-8" enctype="multipart/form-data" method="post" id="UserAddForm" action="/invl_exams/users/add">
<div class="form-group">
<label>Username</label>
<input type="text" class="form-control" id="UserUsername" maxlength="255" name="data[User][username]">
<!--<p class="help-block">Example block-level help text here.</p> -->
<label id="UserUsername-error" class="error" for="UserUsername"></label>
</div>
<div class="form-group">
<label>Password:</label>
<input type="password" class="form-control" required="required" id="UserPassword" name="data[User][password]">
<label id="UserPassword-error" class="error" for="UserPassword"></label>
</div>
<div class="form-group">
<label>Full Name</label>
<input type="text" class="form-control" required="required" id="UserFullName" maxlength="255" name="data[User][full_name]">
<label id="UserFullName-error" class="error" for="UserFullName"></label>
</div>
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" required="required" id="UserEmail" maxlength="255" name="data[User][email]">
<label id="UserEmail-error" class="error" for="UserEmail"></label>
</div>
<div class="form-group">
<label>Secondary Email</label>
<input type="email" class="form-control" required="required" id="UserSecEmail" maxlength="255" name="data[User][secondary_email]">
<label id="UserSecEmail-error" class="error" for="UserSecEmail"></label>
</div>
<div class="form-group">
<label>Phone</label>
<input type="text" class="form-control" required="required" id="UserPhone" maxlength="255" name="data[User][phone]">
<label id="UserPhone-error" class="error" for="UserPhone"></label>
</div>
<div class="form-group">
<label>Secondary Phone</label>
<input type="text" class="form-control" required="required" id="UserSecPhone" maxlength="255" name="data[User][secondary_phone]">
<label id="UserSecPhone-error" class="error" for="UserSecPhone"></label>
</div>
<div class="form-group">
<label>Location</label>
<input type="text" class="form-control" required="required" id="UserSecLoc" maxlength="255" name="data[User][location]">
<label id="UserLocation-error" class="error" for="UserLocation"></label>
</div>
<div class="form-group">
<label>Business Name</label>
<input type="text" class="form-control" required="required" id="UserBusinessName" maxlength="255" name="data[User][business_name]">
<label id="UserBusiness-error" class="error" for="UserBusinessName"></label>
</div>
<div class="form-group">
<label for="UserDocument">Document</label>
<select class="form-control" required="required" id="UserDoc" name="data[User][document]">
<option value="">-- Select --</option>
<option value="Passport">Passport</option>
<option value="License Certificate">License Certificate</option>
<option value="Aggrement Copy">Aggrement Copy</option>
</select>
<label id="ExamName-error" class="error" for="UserDocument"> </label>
</div>
<!--<div class="form-group">
<label>File input</label>
<input type="file">
</div> -->
<div class="form-group" id="ShowDoc" style="display:none">
<label>File</label>
<!--<input name="data[Document][docfile]" id="DocumentSubmittedfile" type="file"> -->
<!--<input type="file" name="data[User][docfile]" id="usersFile"/>-->
<?php //echo $this->Form->input('doc_file',array('type' => 'file','error' => false,'placeholder'=>'Upload Image')); ?>
<?php echo $this->Form->file('Document.submittedfile'); ?>
</div>
<div class="col-lg-12">
<h4 class="page-header">Point of Contact</h4>
</div>
<div class="form-group">
<label>Name</label>
<input type="text" class="form-control" required="required" id="pname" maxlength="255" name="data[User][pname]">
<label id="UserPName-error" class="error" for="UserPName"></label>
</div>
<div class="form-group">
<label>Email</label>
<input type="text" class="form-control" required="required" id="pemail" maxlength="255" name="data[User][pemail]">
<label id="UserPEmail-error" class="error" for="UserPEmail"></label>
</div>
<div class="form-group">
<label>Phone</label>
<input type="text" class="form-control" required="required" id="pPhone" maxlength="255" name="data[User][pOfc_phone]">
<label id="UserpPhone-error" class="error" for="UserPEmail"></label>
</div>
<div class="form-group">
<label>Designation</label>
<input type="text" class="form-control" required="required" id="pDesign" maxlength="255" name="data[User][pdesignation]">
<label id="UserpPhone-error" class="error" for="UserpDesign"></label>
</div>
<div class="form-group">
<button type="submit" class="btn btn-default">NEXT</button>
</div>
</form>
</div>
<!-- /.col-lg-6 (nested) -->
<!-- /.col-lg-6 (nested) -->
</div>
<!-- /.row (nested) -->
</div>
<!-- /.panel-body -->
</div>
<!-- /.panel -->
</div>
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
</div>
<!-- /.Page wrapper -->
</div>
<!-- /.Wrapper -->
</body>
</html>
を。 jqueryライブラリファイルをインクルードする際に問題はありますか？ –
あなたはコンソールが何であり、どのように使用するのか知っていますか？ – madalinivascu
私は火災のバグを使用しています。コンソールでは、このエラーを示しています：TypeError：$（...）。validateは関数ではありません –